Difference between revisions of "Team:TCFSH Taiwan/Model"

(Prototype team page)
 
 
(36 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{TCFSH_Taiwan}}
 
{{TCFSH_Taiwan}}
 +
{{TCFSH_Taiwan/Navigation}}
 
<html>
 
<html>
 +
<head>
 +
<meta charset="UTF-8">
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
 +
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet">
  
 +
<style type="text/css">
 +
#sideMenu, #top_title {display:none;}
 +
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;}
 +
body {background-color:white; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
#top_menu_inside {margin-left: 20px; margin-bottom: 0px;}
  
<div class="column full_size judges-will-not-evaluate">
+
html, body, div, span, applet, object, iframe,
<h3>★  ALERT! </h3>
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
a, abbr, acronym, address, big, cite, code,
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
del, dfn, em, font, img, ins, kbd, q, s, samp,
</div>
+
small, strike, strong, sub, tt, var,
<div class="clear"></div>
+
b, u, i, center,
 +
dl, dt, dd, ol, ul, li,
 +
fieldset, form, label, legend,
 +
table, caption, tbody, tfoot, thead, tr, th, td {
 +
    margin: 0;
 +
    padding: 0;
 +
    border: 0;
 +
    outline: 0;
 +
}
 +
* {
 +
  font-family: 'Open Sans', sans-serif;
 +
    font-weight: 300;
 +
}
 +
body{
 +
    background-color:rgb(51,51,51) !important;
 +
    line-height:1;
 +
}
  
<div class="column full_size">
+
h1{
<h1> Modeling</h1>
+
background-image:url('https://static.igem.org/mediawiki/2017/a/a9/Tcfshtaiwan_background.jpeg');
 +
}
  
<p>Mathematical models and computer simulations provide a great way to describe the function and operation of BioBrick Parts and Devices. Synthetic Biology is an engineering discipline, and part of engineering is simulation and modeling to determine the behavior of your design before you build it. Designing and simulating can be iterated many times in a computer before moving to the lab. This award is for teams who build a model of their system and use it to inform system design or simulate expected behavior in conjunction with experiments in the wetlab.</p>
+
/*--------------side menu-----------------*/
  
</div>
+
nav {
<div class="clear"></div>
+
  padding: 18px;
 +
  position: fixed;
 +
  height: auto;
 +
  left:0.5vw;
 +
  width: auto;
 +
  z-index: 9999;
 +
  top:25%;
 +
  margin: auto;
 +
}
  
<div class="column half_size">
+
nav .wrapper {
<h3> Gold Medal Criterion #3</h3>
+
  padding: 0;
<p>
+
  width:100%;
To complete for the gold medal criterion #3, please describe your work on this page and fill out the description on your <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>. To achieve this medal criterion, you must convince the judges that your team has gained insight into your project from modeling. You may not convince the judges if your model does not have an effect on your project design or implementation.
+
  height: 785px;
</p>
+
}
  
<p>
+
nav .nodes {
Please see the <a href="https://2017.igem.org/Judging/Medals"> 2017 Medals Page</a> for more information.
+
  position: relative;
</p>
+
  margin-top: 1px;
</div>
+
  margin-left: 1px;
  
<div class="column half_size">
+
}
<h3>Best Model Special Prize</h3>
+
  
<p>
+
.line {
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Model prize</a>, please describe your work on this page  and also fill out the description on the <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>. Please note you can compete for both the gold medal criterion #3 and the best model prize with this page.
+
  position: absolute;
<br><br>
+
  width:1px;
You must also delete the message box on the top of this page to be eligible for the Best Model Prize.
+
  height:705px;
</p>
+
  top: 13px;
 +
}
 +
.line .red {
 +
  width:1px;    /*調line長度*/
 +
  height:47%; /*line寬度*/
 +
  position:relative;
  
 +
}
 +
 +
.line .blue {
 +
  width: 1px;  /*line寬度*/
 +
  height: 15%;  /*調line長度*/
 +
  position:relative;
 +
  left:51px;
 +
 +
}
 +
.line .red-container {
 +
  position:relative;
 +
  width: 4px;
 +
}
 +
.line .red {
 +
  background-color:#00D6FF;/*cover line color*/
 +
  *zoom: 1;
 +
  background-size: 100%;
 +
}
 +
.line .blue {
 +
  background-color: white;/*line color*/
 +
  *zoom: 1;
 +
  background-size: 100%;
 +
 +
}
 +
 +
.node {
 +
  margin-left: 40px;/*調node間距*/
 +
  width: 20px;
 +
  height: 20px;
 +
  margin-top: 30px;
 +
  position: relative;
 +
}
 +
.node .splash {
 +
  box-shadow: 0px 0px 8px 2px rgba(69, 174, 233, 0.53);
 +
  transform: translateZ(0px) scale(1);
 +
  position: absolute;
 +
  width: 20px;
 +
  height: 20px;
 +
  border-radius: 100%;
 +
  pointer-events: none;
 +
  opacity: 1;
 +
}
 +
.node.active .active-circle {
 +
  transform: scale(1);
 +
  opacity: 1;
 +
  background:white;/*active circle color*/
 +
  left:1.6px; 
 +
}
 +
.node.active .splash {
 +
  transition: transform 1200ms, opacity 1500ms;
 +
  transform: translateZ(0px) scale(2.5);
 +
  opacity: 0 !important;
 +
 +
}
 +
.node.active .inactive-circle {
 +
  transition: opacity 200ms;
 +
  opacity: 0;
 +
}
 +
.node .active-circle {
 +
  transition: all 300ms cubic-bezier(0.63, 0.62, 0.48, 1.84);
 +
  transform: scale(0.7);
 +
  position: absolute;
 +
  opacity: 0;
 +
  width: 20px;
 +
  height: 20px;
 +
  border-radius: 100%;
 +
  background-color: #4b1202;
 +
  *zoom: 1;
 +
  background-size: 100%;
 +
 +
}
 +
.node .active-circle .cover {
 +
  transform: translateZ(0px);
 +
  width: 16px;
 +
  height: 16px;
 +
  background:red;/*active circle color */
 +
  border-radius: 100%;
 +
  position: absolute;
 +
  top: 2px;
 +
  left: 2px;
 +
}
 +
 +
.node .inactive-circle {
 +
  transition: all 300ms cubic-bezier(0.63, 0.62, 0.48, 1.84);
 +
  width: 14px;
 +
  height: 14px;
 +
  display: block;
 +
  background: #000;
 +
  position: absolute;
 +
  border-radius: 100%;
 +
  border: 2px solid white;
 +
  top: 3px;
 +
  left: 3px;
 +
}
 +
.node:hover {
 +
  cursor: pointer;
 +
}
 +
.node:hover .active-circle {
 +
  transition: all 200ms cubic-bezier(0.63, 0.62, 0.48, 1.84);
 +
  transform: scale(0.84);
 +
}
 +
 +
.node:hover .inactive-circle {
 +
  transition: all 200ms cubic-bezier(0.63, 0.62, 0.48, 1.84);
 +
  transform: scale(0.85);
 +
}
 +
 +
/*left-topic*/
 +
 +
.topic{
 +
    position:relative;
 +
    margin-top:0vh !important;
 +
    width:250px;
 +
    height:auto;
 +
    left:230px;
 +
    float:right;
 +
    color:#F3F7F7;
 +
}
 +
.text_color{
 +
    color:#F3F7F7;
 +
    font-size:12pt !important;
 +
}
 +
/*--------大圖----------*/
 +
@media screen and (min-width: 768px) {
 +
  .img-container{
 +
    height:100vh ;
 +
    overflow:hidden ;
 +
    width:100%;
 +
  }
 +
  .main-img{
 +
    top: 0;
 +
    bottom: 0;
 +
    left: 0;
 +
    right: 0;
 +
    width: 100%;
 +
    margin: auto;
 +
    z-index:999;
 +
    margin-top: 40px;
 +
    }
 +
}
 +
@media screen and (orientation: portrait) {
 +
    .img-container{
 +
        height:auto;
 +
        overflow:none;
 +
        width:100%;
 +
    }
 +
    .main-img{
 +
        top: 0;
 +
        bottom: 0;
 +
        left: 0;
 +
        right: 0;
 +
        width: 100%;
 +
        margin: auto;
 +
        z-index:999;
 +
    }
 +
}
 +
 +
/*---------image----------*/
 +
.web{
 +
    position:fixed !important;
 +
    left:0%;
 +
    bottom:0%;
 +
    display:block;
 +
    margin: auto;
 +
}
 +
.right{
 +
    position:fixed !important;
 +
    bottom:-15px;
 +
    right:0vw;
 +
    margin: auto;
 +
}
 +
 +
 +
 +
 +
.img-position{
 +
    position:absolute;
 +
    z-index:-1;
 +
}
 +
 +
 +
/*---------------------*/
 +
 +
#modelingContainer {
 +
 +
}
 +
 +
#modelingTitle {
 +
  font-size: 80px;
 +
  text-align: center;
 +
  color: #00b4ed;
 +
  padding: 50px 30px 20px 30px;
 +
  margin: 20px;
 +
  letter-spacing: 4px;
 +
}
 +
#modelingContent {
 +
  width: 100%;
 +
}
 +
 +
.modelingPart {
 +
        margin-top:15px;
 +
}
 +
 +
.modelingPartContentTitie {
 +
  font-size: 22px;
 +
  font-weight: normal;
 +
}
 +
.modelingPartContent {
 +
  width: 90%;
 +
  margin: 0 auto;
 +
}
 +
.modelingPartContent p {
 +
  font-size: 18px;
 +
}
 +
 +
 +
#partB,#partC,#partD,#partE,#partF,#partG,#partI,#partJ,#partK,#partM,#partN,#partO,#partP,#partQ,#partR
 +
{display:none;
 +
}
 +
 +
 +
#titleA,#titleB,#titleC,#titleD,#titleE,#titleF,#titleG,#titleH,#titleI,#titleJ,#titleK,#titleL,#titleM,#titleN,#titleO,#titleP,#titleQ,#titleR
 +
{cursor:pointer;
 +
}
 +
 +
 +
/*left-topic*/
 +
 +
.topic{
 +
    position:relative;
 +
    margin-top:0vh !important;
 +
    width:200px;
 +
    height:auto;
 +
    left:210px;
 +
    float:right;
 +
    color:#F3F7F7;
 +
}
 +
.text_color{
 +
    color:#F3F7F7;
 +
    font-size:12pt !important;
 +
}
 +
/*content*/
 +
.content_container{
 +
    position:relative;
 +
    left:6.5vw;
 +
    right:6.5vw;
 +
    margin:0 auto;
 +
    width:60vw;
 +
    height:auto;
 +
}
 +
.title{
 +
    font-size:25pt !important;
 +
    color:#ffd11a;
 +
    text-shadow:1px 1px 10px rgb(153, 153, 255);
 +
    border-left:3px solid rgb(153, 153, 255);
 +
    padding-left:10px !important; 
 +
    margin-top:20px;
 +
    margin-bottom:10px;
 +
    font-weight:bold;
 +
}
 +
.content{
 +
    font-size:15pt !important;
 +
    text-align:justify;
 +
    text-indent:2em;
 +
    color:#F3F7F7;
 +
    padding-left:40px;
 +
    padding-top:15px;
 +
    padding-bottom:15px;
 +
}
 +
/*second title*/
 +
.content-1{
 +
    font-size:19pt !important;
 +
    text-align:justify;
 +
    font-weight: 400 !important;
 +
    padding-top:20px;
 +
    padding-bottom:10px;
 +
    font-weight:400 !important;
 +
    color: #e6e600;
 +
}
 +
 +
.content-2{
 +
    font-size:15pt !important;
 +
    text-align:justify;
 +
    color:#F3F7F7;
 +
    text-indent:2em;
 +
    padding-top:15px;
 +
    padding-bottom:15px;
 +
}
 +
.reference-content{
 +
    font-size:13pt !important;
 +
    text-align:justify;
 +
    color:#F3F7F7;
 +
    padding-top:15px;
 +
    padding-bottom:15px;
 +
}
 +
.content-image{
 +
    color:#F3F7F7 !important;
 +
    font-size:11pt !important;
 +
    padding-top:10px;
 +
    padding-bottom:50px;
 +
    width:50vw;
 +
    margin:auto;
 +
    padding-left:60px;
 +
}
 +
 +
.appear{
 +
    display:none;
 +
picture{position:relative;}   
 +
}
 +
.list{
 +
    font-size:15pt !important;
 +
    text-align:justify;
 +
    color:#F3F7F7;
 +
    line-height:1.5;
 +
    padding-bottom:8px;
 +
}
 +
.quote{
 +
    font-size:17pt !important;
 +
    text-align:justify;
 +
    color:#F3F7F7;
 +
    text-indent:2em !important;
 +
   
 +
}
 +
 +
.bigphoto{
 +
  margin: auto;
 +
  display: block;
 +
}
 +
 +
h1{
 +
background-image:url('https://static.igem.org/mediawiki/2017/a/a9/Tcfshtaiwan_background.jpeg');
 +
}
 +
 +
 +
</style>
 +
</head>
 +
<body>
 +
 +
<nav id="scroll">
 +
    <div class="wrapper">
 +
     
 +
      <div class="nodes">
 +
            <div class="line">
 +
                <div class="blue">
 +
                    <div class="red-container">
 +
                        <div class="red"></div>
 +
                    </div>
 +
                </div>
 +
          </div>
 +
 
 +
          <div class="node" id="node1">
 +
          <div class="topic"><p class="text_color">Model Introduction</p></div>
 +
            <div class="active-circle">
 +
              <div class="splash"></div>
 +
              <div class="cover">   
 +
              </div>
 +
            </div>
 +
            <div class="inactive-circle">
 +
              <div class="small-cover">
 +
              </div>
 +
            </div>
 +
          </div>
 +
 
 +
          <div class="node" id="node2">
 +
          <div class="topic"><p class="text_color">What are we modeling?</p></div>
 +
            <div class="active-circle">
 +
              <div class="splash"></div>
 +
              <div class="cover">
 +
              </div>
 +
            </div>
 +
            <div class="inactive-circle">
 +
              <div class="small-cover">
 +
              </div>
 +
            </div>
 +
          </div> 
 +
 +
          <div class="node" id="node2">
 +
          <div class="topic"><p class="text_color">Model</p></div>
 +
            <div class="active-circle">
 +
              <div class="splash"></div>
 +
              <div class="cover">
 +
              </div>
 +
            </div>
 +
            <div class="inactive-circle">
 +
              <div class="small-cover">
 +
              </div>
 +
            </div>
 +
          </div>         
 +
    </nav>
 +
 +
<h1>
 +
<!--圖片-->
 +
  <div class="img-container">
 +
        <img src="https://static.igem.org/mediawiki/2017/1/12/Model_tcfsh.jpeg" class="main-img" width="100%">
 +
  </div>
 +
 +
 +
<!--wiki content-->
 +
<section class="content_container">
 +
<div>
 +
 +
    <div id="modelingContainer">
 +
      <p class="title">Model Introduction</p>
 +
      <p class="content">Modeling has always played an important role in every field of science. In our project, modeling comes up with real data, and thus makes biological theories easier to be realized and observed. Carl Gauss said, “Mathematics is the queen of the science.” A proposition of mathematics is reliable and indisputable, whereas other science theories have always been at risk of being overthrown. The reason why modeling has a good reputation and a certain status is that it theorems scientific phenomena, and makes them more trustworthy. By conducting modeling, we can have a reasonable embryonic form to formulate a possible solution to a difficult problem. However, the reaction series or the operation mechanism of an unknown equation needs to be reasonably presumed, and this is the most difficult part in the whole process. Inappropriate assumption can lead to erroneous results. Once the right theories are established, we can amend our hypothetical surmise, and build another model. In the modeling process we’ve done, the main technique we used is DE (differential equation). We use derivative to describe the difference of any variables that vary within a very short time. But we’ve encountered some very complicated equations when trying to solve the problem, so we use the program MATLAB to help calculate the results.</p>
 
</div>
 
</div>
<div class="clear"></div>
 
  
<div class="column full_size">
+
<div>
<h5> Inspiration </h5>
+
    <div id="modelingContainer">
<p>
+
      <p class="title">What are we modeling?</p>
Here are a few examples from previous teams:
+
      <p class="content">
</p>
+
        <br> - The growth of <span style="font-style:italic;">E. coli</span></br>
<ul>
+
        <br> - The Expression of Different Color</br>
<li><a href="https://2016.igem.org/Team:Manchester/Model">Manchester 2016</a></li>
+
        <br> - The Concentration Function f:(substance,time)→concentration</br>
<li><a href="https://2016.igem.org/Team:TU_Delft/Model">TU Delft 2016 </li>
+
        <br> - Math Is Long, Life Is Short: Math in Our Life</br></p>
<li><a href="https://2014.igem.org/Team:ETH_Zurich/modeling/overview">ETH Zurich 2014</a></li>
+
</div>
<li><a href="https://2014.igem.org/Team:Waterloo/Math_Book">Waterloo 2014</a></li>
+
<div id="modelingContent">
</ul>
+
   
 +
    <!--modeling part-->
 +
    <!--1.-->
 +
      <p class="title">Model</p>
 +
    <div class="modelingPart">
 +
        <h2 class="content-1" id="titleA" style="color:#33FFCC">I. The growth of <span style="font-style:italic;">E. coli</span> (Click to see more)</h2>
 +
        <div class="modelingPartContent" id="partA">
 +
 
 +
            <p class="content">At first, we assume that <span style="font-style:italic;">E. coli</span> proliferate and die at the same ratio over time, and the value difference is the birth rate (<span style="font-style:italic;">μ<sub>g</sub></span>). So, we do derivative with this assumption.</p>
 +
 
 +
            <img src="https://static.igem.org/mediawiki/2017/7/7e/Model_1.jpeg" class="bigphoto" width="70%">
 +
 
 +
            <p class="content">Substituting the boundary condition, <span style="font-style:italic;">t = 0, N = N<sub>0</sub></span>, we then have ∴ e<span style="font-style:italic;"><sup>C<sub>2</sub>-C<sub>1</sub></sup></span>=<span style="font-style:italic;">N<sub>0</sub></span>
 +
            Thus, the equation that expresses the relation between bacteria and time is:
 +
            </p>
 +
 
 +
            <p class="content"><span style="font-style:italic;">N = N<sub>0</sub>∙e<sup>μ<sub>g</sub>t</sup></span>
 +
 
 +
            <p class="content">What’s more, it is useless to say that <span style="font-style:italic;">E. coli</span> consumes their “food”, LB, all the time. Thus, if <span style="font-style:italic;">E. coli</span> consumes their food steadily, the LB consuming rate will be proportional to <span style="font-style:italic;">N</span>, then we can write down the equation:</p>
 +
 
 +
            <img src="https://static.igem.org/mediawiki/2017/4/48/Model_2.jpeg" class="bigphoto" width="70%">
 +
 
 +
            <p class="content">By substituting the boundary condition, we then have <br>𝐶= − 𝑛<sub>𝐿𝐵<sub>0</sub></sub>/𝑘<sub>𝑐𝑜𝑛</sub>−𝑁<sub>0</sub>/𝜇<sub>𝑔</sub></br>
 +
            <br>So the relation between <span style="font-style:italic;">n<sub>LB</sub></span> and <span style="font-style:italic;"><sub>t</sub></span> is:
 +
 
 +
            <img src="https://static.igem.org/mediawiki/2017/e/e4/Model_3.jpeg" class="bigphoto" width="70%">
 +
 
 +
 
 +
            <p class="content">                </p>
 +
 
 +
            <img src="https://static.igem.org/mediawiki/2017/5/54/Model_table1.jpeg" class="bigphoto" width="70%">
 +
 
 +
        </div>
 +
    </div>
 +
   
 +
   
 +
        <!--2.-->
 +
    <div class="modelingPart">
 +
        <h2 class="content-1" id="titleB" style="color:#44FCCE">II. The Expression of Different Color (Click to see more)</h2>
 +
        <div class="modelingPartContent" id="partB">
 +
          <p class="content-1">Assumption</p>
 +
          <p class="content">1. In order to write the equations down simply, we assume that all the chemical reaction rates are proportional to the concentration of each reagent (e.g. for the reaction: A+B+C→D+E,the forward rate <span style="font-style:italic;">r<sub>+</sub>=k<sub>+</sub>[A][B][C]).</p></span>
 +
          <p class="content">2.For every substances produced by biobricks, we assume that their production rate =<span style="font-style:italic;">φ[mRNA]</span>, <br>[mRNA]= the concentration of the promoted biobrick</br><br>φ= the result of multiplication of rate constant, coefficient of correction (since a biobrick is different from a reagtant), a dimension <span style="font-style:italic;">T<sup>-1</sup></span></br></p>
 +
 
 +
          <p class="content-1">Equations & Solutions</p>
 +
          <img src="https://static.igem.org/mediawiki/2017/8/8c/Equations.png" class="bigphoto" width="70%">
 +
          <p class="content">According to the picture, we can write down 3 equations as follows:</p>
 +
          <img src="https://static.igem.org/mediawiki/2017/c/c4/Modeling5.jpeg" class="bigphoto" width="70%">
 +
          <p class="content">P.S. φ= the result of multiplication of rate constant, coefficient of correction (since a promoter is different from a reagtant), a dimension <span style="font-style:italic;">𝑇<sup>−1</sup></span></p>
 +
 
 +
          <p class="content">By solving these 3 equations, the solution expressed by <span style="font-style:italic;">φ、k and [P<sup>a</sup>]</span> are as follows:
 +
          <img src="https://static.igem.org/mediawiki/2017/f/f0/Modeling6.jpeg" class="bigphoto" width="70%">
 +
 
 +
          <p class="content">When the concentration of each activated promoter reaches to each of their steady state, then we can simplify the equations as follows:</p>
 +
          <img src="https://static.igem.org/mediawiki/2017/5/57/Modeling7.jpeg" class="bigphoto" width="70%">
 +
 
 +
          <p class="content">Besides, since <span style="font-style:italic;">lim<sub>t→∞</sub>⁡(1-1/e<sup>kt</sup>) = 1</span>, satisfying the definition of the horizontal asymptotes. And d(1-1/e<sup>kt</sup>)/dt=ke<sup>-kt</sup>>0 (t∈[0,∞)), so it is a strictly increasing function.
 +
            <br>So, this is a strictly increasing and convergent function with an upper bound 1.</br>
 +
          <br>Then the result is that the extremum of the concentration is:</br></p>
 +
 
 +
          <img src="https://static.igem.org/mediawiki/2017/e/e8/Modeling8.jpeg" class="bigphoto" width="70%">
 +
 
 +
          <p class="content-1">Degradation Rate Constant Calculation</p>
 +
          <p class="content">As for the other variable written in the solutions, the degradation rate constant, can also be solved with differential equations. Since the degradation rate is an “order one” reaction, the equation can be written as follow:</p>
 +
          <p class="content"><span style="font-style:italic;">dM/dt= -k<sub>d</sub>M</span></p>
 +
          <p class="content">Then, after solving the equation and substituting the boundary conditions<br><span style="font-style:italic;">(t = 0⇒M = M<sub>0</sub>)</span>, the the solution is:</br></p>
 +
          <img src="https://static.igem.org/mediawiki/2017/2/24/Modeling9.jpeg" class="bigphoto" width="70%">
 +
 
 +
          <p class="content">According to the project 2008 iGEM KULeuven and 2014 iGEM Edinburgh had done, both GFP-LVA and RFP-LVA degrades to half of the amount within 50 to 60 minutes, so we assume that cjblue is the same. The RFP and BFP reference are as follow (the latter degrades to half of the amount about 50 minutes while the former does about 3 hours). So we can get</p>
 +
          <img src="https://static.igem.org/mediawiki/2017/e/ef/Modeling10.jpeg" class="bigphoto" width="70%">
 +
 
 +
          <p class="content">From these degradation rate constants and the relation between concentration and time, the “[cjblue],[RFP],[BFP]-t Diagram” is as follow:</p>
 +
 
 +
          <img src="https://static.igem.org/mediawiki/2017/e/e5/Modeling11.png" class="bigphoto" width="70%">
 +
 
 +
          <p class="content">According to this simulation diagram, we can know that cjblue and BFP increase faster—coming to 90% of maximum only takes about 3 hours. As for RFP, it takes about 5 hours to reach 70% of maximum, which is also acceptable.</p>
 +
          <p class="content">Through mathematical modeling, when observing the sicker changing to a specific color, we can calculate the ratio of each kind of chromoprotein by quantifying it.</p>
 +
          <img src="" class="bigphoto" width="70%">
 +
 
 +
 
 +
        </div>     
 +
    </div>
 +
   
 +
   
 +
    <!--3.-->
 +
    <div class="modelingPart">
 +
     
 +
        <h2 class="content-1" id="titleC" style="color:#5BFCD4">III. The Concentration Function (Click to see more)</h2>
 +
        <div class="modelingPartContent" id="partC">
 +
            <p class="content-1">Equations</p>
 +
            <img src="https://static.igem.org/mediawiki/2017/a/a0/Modelpic.jpeg" class="bigphoto" width="70%">
 +
            <p class="content">Accroding to their feedback mechanism, we can write down the simultaneous equations as follows.</p>
 +
            <img src="https://static.igem.org/mediawiki/2017/f/fc/Modeling12.jpeg" class="bigphoto" width="70%">
 +
            <p class="content">Since the designations are too complex to be written, we change these deignations to simple ones. Meanwhile, we’ll explain all the individual meanings of every designations. (See the following tables)</p>
 +
 
 +
 
 +
            <p class="content-1">Designation Description Table</p>
 +
            <p class="content">Concentration</p>
 +
            <img src="https://static.igem.org/mediawiki/2017/0/08/Modeling13.jpeg" class="bigphoto" width="70%">
 +
 
 +
            <p class="content">Constant</p>
 +
            <img src="https://static.igem.org/mediawiki/2017/0/00/Formula.jpeg" class="bigphoto" width="70%">
 +
 
 +
            <p class="content">Here comes the script.</p>
 +
            <img src="https://static.igem.org/mediawiki/2017/e/ea/Ript1.png" class="bigphoto" width="70%">
 +
            <p class="content">          </p>
 +
            <img src="https://static.igem.org/mediawiki/2017/8/88/Script2.png" class="bigphoto" width="70%">
 +
 
 +
 
 +
   
 +
        </div>
 +
    </div>
 +
   
 +
   
 +
    <!--4.-->
 +
    <div class="modelingPart" >
 +
        <h2 class="content-1" id="titleD"  style="color:#6EFFDB">IV. Math is Long, Life is Short: Math in Our Life (Click to see more)</h2>
 +
        <div class="modelingPartContent" id="partD">
 +
              <p class="content">Since it requires complicate and large quantity of computing, you might think mathematics as an unreasonable tool. All it can do is endlessly derivation, and not being able to utilize in the real world. But in fact, mathematics are around us everywhere, while we have not notice them. The following math stuffs will be approachable, including offering formulas, for companies to decide whether they want to use our project; calculate the number of samples, so you can know how much surveys you need to do; offering possible data, give some reference for the team after, etc.</p>
 +
              <p class="content-1">The minimum Number of Cargo Packed in a Box</p>
 +
              <img src="https://static.igem.org/mediawiki/2017/2/24/Modeling14.jpeg" class="bigphoto" width="70%">
 +
              <p class="content">After having a meeting with Professor Cheng-Ming Chang, we learned that the companies would only like to spend less than 2‰ of the price of the item to guarantee the quality of those item. According to this matter of fact, we can list the following equation:</p>
 +
              <img src="https://static.igem.org/mediawiki/2017/b/b9/Modeling15.jpeg" class="bigphoto" width="70%">
 +
 
 +
              <p class="content-1">Sample Size Estimation</p>
 +
              <p class="content">Assume that the data of people‘s habits and opinions roughly obey the form of normal distribution. Then, according to the 68-95-99.7 rule, we can know that at 95% confident level, if we allow a deviation (<span style="font-style:italic;">E</span>), the number of samples we should grab is…</p>
 +
              <img src="https://static.igem.org/mediawiki/2017/f/fe/Modeling16.jpeg" class="bigphoto" width="70%">
 +
 
 +
        </div>   
 +
    </div>
 +
 
 +
    <div>
 +
      <p class="title">Conclusion</p>
 +
      <p class="content">
 +
        <br> - Through combining modeling and <a href="https://2017.igem.org/Team:TCFSH_Taiwan/Demonstrate" style="color: orange">device</a>, we are able to design a better application.</br>
 +
        <br> - Through mathematical modelling, we can estimate how much LB filled in the sticker is adequate.</br>
 +
        <br> - Cjblue and BFP comes to 90% of maximum only takes about 3 hours. As for RFP, it takes about 5 hours to reach 70% of maximum, which is also acceptable.</br>
 +
        <br> - When observing the sicker changing to a specific color, we can calculate the ratio of each kind of chromoprotein/fluorescent by quantifying it, even know what time the sticker is activated; when it is exposed to UV or sunlight!</br>
 +
        <br> - If you aren’t sure whether the sticker for your product is cost-effective or not, mathematical modelling will be your best solution!</br></p>
  
  
 
</div>
 
</div>
  
 +
</div>
 +
</section>
 +
</h1>
 +
<!--JS-->
 +
<script>
 +
$(function(){
 +
 +
$("#menuNav").children("li").eq(8).addClass("nav-active");
 +
  $("#titleA").click(function(){
 +
    $("#partB").slideUp(300);
 +
    $("#partC").slideUp(300);
 +
    $("#partD").slideUp(300);
 +
    $("#partE").slideUp(300);
 +
                $("#partG").slideUp(300);
 +
    $("#partF").slideUp(300);
 +
    $("#partA").slideToggle(300);
 +
    $("html,body").animate({scrollTop:$("#titleA").offset().top-70},1000);
 +
  });
 +
    $("#titleB").click(function(){
 +
    $("#partA").slideUp(300);
 +
    $("#partC").slideUp(300);
 +
    $("#partD").slideUp(300);
 +
    $("#partE").slideUp(300);
 +
    $("#partF").slideUp(300);
 +
                $("#partG").slideUp(300);
 +
    $("#partB").slideToggle(300);
 +
    setTimeout('$("html,body").animate({scrollTop:$("#titleB").offset().top-70},1000)',500);
 +
  });
 +
  $("#titleC").click(function(){
 +
    $("#partB").slideUp(300);
 +
    $("#partA").slideUp(300);
 +
    $("#partD").slideUp(300);
 +
    $("#partE").slideUp(300);
 +
    $("#partF").slideUp(300);
 +
                $("#partG").slideUp(300);
 +
    $("#partC").slideToggle(300);
 +
    setTimeout('$("html,body").animate({scrollTop:$("#titleC").offset().top-70},1000)',500);
 +
  });
 +
    $("#titleD").click(function(){
 +
    $("#partB").slideUp(300);
 +
    $("#partA").slideUp(300);
 +
    $("#partC").slideUp(300);
 +
    $("#partE").slideUp(300);
 +
    $("#partF").slideUp(300);
 +
                $("#partG").slideUp(300);
 +
    $("#partD").slideToggle(300);
 +
    setTimeout('$("html,body").animate({scrollTop:$("#titleD").offset().top-70},1000)',500);
 +
  });
 +
    $("#titleE").click(function(){
 +
    $("#partB").slideUp(300);
 +
    $("#partA").slideUp(300);
 +
    $("#partD").slideUp(300);
 +
    $("#partC").slideUp(300);
 +
    $("#partF").slideUp(300);
 +
                $("#partG").slideUp(300);
 +
    $("#partE").slideToggle(300);
 +
    setTimeout('$("html,body").animate({scrollTop:$("#titleE").offset().top-70},1000)',500);
 +
  });
 +
    $("#titleF").click(function(){
 +
    $("#partB").slideUp(300);
 +
    $("#partA").slideUp(300);
 +
    $("#partD").slideUp(300);
 +
    $("#partE").slideUp(300);
 +
    $("#partC").slideUp(300);
 +
                $("#partG").slideUp(300);
 +
    $("#partF").slideToggle(300);
 +
    setTimeout('$("html,body").animate({scrollTop:$("#titleF").offset().top-70},1000)',500);
 +
  });
 +
 +
$("#titleG").click(function(){
 +
    $("#partB").slideUp(300);
 +
    $("#partA").slideUp(300);
 +
    $("#partD").slideUp(300);
 +
    $("#partE").slideUp(300);
 +
    $("#partC").slideUp(300);
 +
                $("#partF").slideUp(300);
 +
    $("#partG").slideToggle(300);
 +
    setTimeout('$("html,body").animate({scrollTop:$("#titleF").offset().top-80},1000)',500);
 +
  });
 +
 +
  $("#titleH").click(function(){
 +
    $("#partI").slideUp(300);
 +
    $("#partJ").slideUp(300);
 +
    $("#partK").slideUp(300);
 +
    $("#partH").slideToggle(300);
 +
    $("html,body").animate({scrollTop:$("#titleH").offset().top-70},1000);
 +
  });
 +
    $("#titleI").click(function(){
 +
    $("#partH").slideUp(300);
 +
    $("#partJ").slideUp(300);
 +
    $("#partK").slideUp(300);
 +
    $("#partI").slideToggle(300);
 +
    setTimeout('$("html,body").animate({scrollTop:$("#titleI").offset().top-70},1000)',500);
 +
  });
 +
  $("#titleJ").click(function(){
 +
    $("#partH").slideUp(300);
 +
    $("#partI").slideUp(300);
 +
    $("#partK").slideUp(300);
 +
    $("#partJ").slideToggle(300);
 +
    setTimeout('$("html,body").animate({scrollTop:$("#titleJ").offset().top-70},1000)',500);
 +
  });
 +
    $("#titleK").click(function(){
 +
    $("#partH").slideUp(300);
 +
    $("#partI").slideUp(300);
 +
    $("#partJ").slideUp(300);
 +
    $("#partK").slideToggle(300);
 +
    setTimeout('$("html,body").animate({scrollTop:$("#titleK").offset().top-70},1000)',500);
 +
  });
 +
        $("#titleL").click(function(){
 +
    $("#partM").slideUp(300);
 +
    $("#partN").slideUp(300);
 +
    $("#partO").slideUp(300);
 +
        $("#partP").slideUp(300);
 +
        $("#partQ").slideUp(300);
 +
$("#partR").slideUp(300);
 +
    $("#partL").slideToggle(300);
 +
    setTimeout('$("html,body").animate({scrollTop:$("#titleL").offset().top-70},1000)',500);
 +
  });
 +
        $("#titleM").click(function(){
 +
    $("#partL").slideUp(300);
 +
    $("#partN").slideUp(300);
 +
    $("#partO").slideUp(300);
 +
        $("#partP").slideUp(300);
 +
        $("#partQ").slideUp(300);
 +
$("#partR").slideUp(300);
 +
    $("#partM").slideToggle(300);
 +
    setTimeout('$("html,body").animate({scrollTop:$("#titleM").offset().top-70},1000)',500);
 +
  });
 +
        $("#titleN").click(function(){
 +
    $("#partM").slideUp(300);
 +
    $("#partL").slideUp(300);
 +
    $("#partO").slideUp(300);
 +
        $("#partP").slideUp(300);
 +
        $("#partQ").slideUp(300);
 +
$("#partR").slideUp(300);
 +
    $("#partN").slideToggle(300);
 +
    setTimeout('$("html,body").animate({scrollTop:$("#titleN").offset().top-70},1000)',500);
 +
  });
 +
        $("#titleO").click(function(){
 +
    $("#partM").slideUp(300);
 +
    $("#partN").slideUp(300);
 +
    $("#partL").slideUp(300);
 +
        $("#partP").slideUp(300);
 +
        $("#partQ").slideUp(300);
 +
$("#partR").slideUp(300);
 +
    $("#partO").slideToggle(300);
 +
    setTimeout('$("html,body").animate({scrollTop:$("#titleO").offset().top-70},1000)',500);
 +
  });
 +
        $("#titleP").click(function(){
 +
    $("#partM").slideUp(300);
 +
    $("#partN").slideUp(300);
 +
    $("#partO").slideUp(300);
 +
        $("#partL").slideUp(300);
 +
        $("#partQ").slideUp(300);
 +
$("#partR").slideUp(300);
 +
    $("#partP").slideToggle(300);
 +
    setTimeout('$("html,body").animate({scrollTop:$("#titleP").offset().top-70},1000)',500);
 +
  });
 +
        $("#titleQ").click(function(){
 +
    $("#partM").slideUp(300);
 +
    $("#partN").slideUp(300);
 +
    $("#partO").slideUp(300);
 +
        $("#partP").slideUp(300);
 +
        $("#partL").slideUp(300);
 +
$("#partR").slideUp(300);
 +
    $("#partQ").slideToggle(300);
 +
    setTimeout('$("html,body").animate({scrollTop:$("#titleQ").offset().top-70},1000)',500);
 +
  });
 +
        $("#titleR").click(function(){
 +
    $("#partM").slideUp(300);
 +
    $("#partN").slideUp(300);
 +
    $("#partO").slideUp(300);
 +
        $("#partP").slideUp(300);
 +
        $("#partQ").slideUp(300);
 +
        $("#partL").slideUp(300);
 +
    $("#partR").slideToggle(300);
 +
    setTimeout('$("html,body").animate({scrollTop:$("#titleR").offset().top-70},1000)',500);
 +
  });
 +
});
 +
 +
 +
</script>
 +
 +
<!--JS-->
 +
 +
<script>
 +
 +
var $document = $( document.body );
 +
var $revealBar = $( '.red-container' );
 +
var wrapperHeight = $document.height();
 +
var stepDistance = 101;
 +
var documentHeight = window.innerHeight;
 +
var positions = [];
 +
var heights = [];
 +
var elements = $( '.title' );
 +
 +
// Cache heights and positions
 +
for( var i = 0; i < elements.length; i++ ) {
 +
  var $element = $(elements[i]);
 +
  var height = $element.offset().top + documentHeight;
 +
  if (height > wrapperHeight) {
 +
    height = wrapperHeight;
 +
  }
 +
  positions.push(height);
 +
  heights.push($element.height());
 +
}
 +
 +
var $nodes =  $( '.node' );
 +
 +
// Should totally be debounced /w animation frame. I know,
 +
// this whole thing is slightly inefficient.
 +
// And magic numbers too!
 +
$( document ).scroll( function() {
 +
 +
  nodeTop = $document.scrollTop() + documentHeight + 1;
 +
  var current = 0;
 +
 
 +
  // Active/non active states
 +
  for( var i = 0; i < positions.length; i++ ) {
 +
    if(nodeTop >= positions[i]-70) {
 +
      current = i;
 +
      $nodes.eq( i ).addClass( 'active' );
 +
    } else {
 +
      $nodes.eq( i ).removeClass( 'active' );
 +
    }
 +
  }
 +
 
 +
 
 +
  if ( current < elements.length ) {
 +
    var nextStep = (nodeTop - positions[current]) / (positions[current + 1] - positions[current]);
 +
    var totalWidth = ( current * stepDistance ) + (nextStep * stepDistance);
 +
  $revealBar.height( totalWidth+10 );
 +
  }
 +
 +
})
 +
 +
// Clicking the nodes... again, nothing special ;)
 +
$nodes.each( function( index ) {
 +
  var $node1 = $( '#node1' );
 +
  $node1.click( function() {
 +
    $('html, body').animate({ scrollTop: $('#title1').offset().top-70}, 1000 );
 +
  });
 +
  var $node2 = $( '#node2' );
 +
  $node2.click( function() {
 +
    $('html, body').animate({ scrollTop: $('#title2').offset().top-70}, 1000 );
 +
  });
 +
  var $node3 = $( '#node3' );
 +
  $node3.click( function() {
 +
    $('html, body').animate({ scrollTop: $('#title3').offset().top-70}, 1000 );
 +
  });
 +
})
 +
//scroll_relocate
 +
function sticky_relocate() {
 +
    var window_top = $(window).scrollTop();
 +
    var div_top = $('.main-img').offset().top;;
 +
    if (window_top > div_top+500) {
 +
        $('#scroll').removeClass('appear');
 +
    } else {
 +
        $('#scroll').addClass('appear');
 +
    };
 +
    if(window_top > div_top+420) {
 +
        $('#web').fadeIn(200);
 +
        $('#right').fadeIn(200);
 +
    } else {
 +
        $('#web').fadeOut(200);
 +
        $('#right').fadeOut(200);
 +
    }
 +
}
 +
 +
$(function () {
 +
    $(window).scroll(sticky_relocate);
 +
    sticky_relocate();
 +
});
 +
 +
 +
 +
$(document).ready(function(
 +
 +
){})
 +
 +
 +
</script>
 +
</body>
 
</html>
 
</html>
 +
{{TCFSH_Taiwan_footer}}

Latest revision as of 03:53, 2 November 2017

Model Introduction

Modeling has always played an important role in every field of science. In our project, modeling comes up with real data, and thus makes biological theories easier to be realized and observed. Carl Gauss said, “Mathematics is the queen of the science.” A proposition of mathematics is reliable and indisputable, whereas other science theories have always been at risk of being overthrown. The reason why modeling has a good reputation and a certain status is that it theorems scientific phenomena, and makes them more trustworthy. By conducting modeling, we can have a reasonable embryonic form to formulate a possible solution to a difficult problem. However, the reaction series or the operation mechanism of an unknown equation needs to be reasonably presumed, and this is the most difficult part in the whole process. Inappropriate assumption can lead to erroneous results. Once the right theories are established, we can amend our hypothetical surmise, and build another model. In the modeling process we’ve done, the main technique we used is DE (differential equation). We use derivative to describe the difference of any variables that vary within a very short time. But we’ve encountered some very complicated equations when trying to solve the problem, so we use the program MATLAB to help calculate the results.

What are we modeling?


- The growth of E. coli

- The Expression of Different Color

- The Concentration Function f:(substance,time)→concentration

- Math Is Long, Life Is Short: Math in Our Life

Model

I. The growth of E. coli (Click to see more)

At first, we assume that E. coli proliferate and die at the same ratio over time, and the value difference is the birth rate (μg). So, we do derivative with this assumption.

Substituting the boundary condition, t = 0, N = N0, we then have ∴ eC2-C1=N0 Thus, the equation that expresses the relation between bacteria and time is:

N = N0∙eμgt

What’s more, it is useless to say that E. coli consumes their “food”, LB, all the time. Thus, if E. coli consumes their food steadily, the LB consuming rate will be proportional to N, then we can write down the equation:

By substituting the boundary condition, we then have
𝐶= − 𝑛𝐿𝐵0/𝑘𝑐𝑜𝑛−𝑁0/𝜇𝑔

So the relation between nLB and t is:

II. The Expression of Different Color (Click to see more)

Assumption

1. In order to write the equations down simply, we assume that all the chemical reaction rates are proportional to the concentration of each reagent (e.g. for the reaction: A+B+C→D+E,the forward rate r+=k+[A][B][C]).

2.For every substances produced by biobricks, we assume that their production rate =φ[mRNA],
[mRNA]= the concentration of the promoted biobrick

φ= the result of multiplication of rate constant, coefficient of correction (since a biobrick is different from a reagtant), a dimension T-1

Equations & Solutions

According to the picture, we can write down 3 equations as follows:

P.S. φ= the result of multiplication of rate constant, coefficient of correction (since a promoter is different from a reagtant), a dimension 𝑇−1

By solving these 3 equations, the solution expressed by φ、k and [Pa] are as follows:

When the concentration of each activated promoter reaches to each of their steady state, then we can simplify the equations as follows:

Besides, since limt→∞⁡(1-1/ekt) = 1, satisfying the definition of the horizontal asymptotes. And d(1-1/ekt)/dt=ke-kt>0 (t∈[0,∞)), so it is a strictly increasing function.
So, this is a strictly increasing and convergent function with an upper bound 1.

Then the result is that the extremum of the concentration is:

Degradation Rate Constant Calculation

As for the other variable written in the solutions, the degradation rate constant, can also be solved with differential equations. Since the degradation rate is an “order one” reaction, the equation can be written as follow:

dM/dt= -kdM

Then, after solving the equation and substituting the boundary conditions
(t = 0⇒M = M0), the the solution is:

According to the project 2008 iGEM KULeuven and 2014 iGEM Edinburgh had done, both GFP-LVA and RFP-LVA degrades to half of the amount within 50 to 60 minutes, so we assume that cjblue is the same. The RFP and BFP reference are as follow (the latter degrades to half of the amount about 50 minutes while the former does about 3 hours). So we can get

From these degradation rate constants and the relation between concentration and time, the “[cjblue],[RFP],[BFP]-t Diagram” is as follow:

According to this simulation diagram, we can know that cjblue and BFP increase faster—coming to 90% of maximum only takes about 3 hours. As for RFP, it takes about 5 hours to reach 70% of maximum, which is also acceptable.

Through mathematical modeling, when observing the sicker changing to a specific color, we can calculate the ratio of each kind of chromoprotein by quantifying it.

III. The Concentration Function (Click to see more)

Equations

Accroding to their feedback mechanism, we can write down the simultaneous equations as follows.

Since the designations are too complex to be written, we change these deignations to simple ones. Meanwhile, we’ll explain all the individual meanings of every designations. (See the following tables)

Designation Description Table

Concentration

Constant

Here comes the script.

IV. Math is Long, Life is Short: Math in Our Life (Click to see more)

Since it requires complicate and large quantity of computing, you might think mathematics as an unreasonable tool. All it can do is endlessly derivation, and not being able to utilize in the real world. But in fact, mathematics are around us everywhere, while we have not notice them. The following math stuffs will be approachable, including offering formulas, for companies to decide whether they want to use our project; calculate the number of samples, so you can know how much surveys you need to do; offering possible data, give some reference for the team after, etc.

The minimum Number of Cargo Packed in a Box

After having a meeting with Professor Cheng-Ming Chang, we learned that the companies would only like to spend less than 2‰ of the price of the item to guarantee the quality of those item. According to this matter of fact, we can list the following equation:

Sample Size Estimation

Assume that the data of people‘s habits and opinions roughly obey the form of normal distribution. Then, according to the 68-95-99.7 rule, we can know that at 95% confident level, if we allow a deviation (E), the number of samples we should grab is…

Conclusion


- Through combining modeling and device, we are able to design a better application.

- Through mathematical modelling, we can estimate how much LB filled in the sticker is adequate.

- Cjblue and BFP comes to 90% of maximum only takes about 3 hours. As for RFP, it takes about 5 hours to reach 70% of maximum, which is also acceptable.

- When observing the sicker changing to a specific color, we can calculate the ratio of each kind of chromoprotein/fluorescent by quantifying it, even know what time the sticker is activated; when it is exposed to UV or sunlight!

- If you aren’t sure whether the sticker for your product is cost-effective or not, mathematical modelling will be your best solution!