|
|
(47 intermediate revisions by 2 users not shown) |
Line 1: |
Line 1: |
− | | + | {{SZU-China/header}} |
| <html> | | <html> |
| | | |
− | <head>
| |
− | <style>
| |
− | #sideMenu, #top_title {
| |
− | display: none;
| |
− | }
| |
| | | |
− | #content {
| + | <style> |
− | width: 100%;
| + | #icon{ |
− | margin: 0px;
| + | transform:translateY(-49px); |
− | padding: 0px;
| + | } |
− | background: #FFF;
| + | |
− | }
| + | |
− | </style>
| + | |
| | | |
| + | .border-3 { |
| + | border-width:3px !important; |
| + | |
| + | } |
| + | .card[class*="border"] { |
| + | border: 1px solid #469789; |
| + | -webkit-box-shadow: none; |
| + | box-shadow: none; |
| + | } |
| | | |
− | <meta charset="utf-8" /> | + | .card-text{ |
− | <title></title> | + | font-size: 20px !important; |
− | </head> | + | } |
| + | #HQ_page p { |
| + | |
| + | text-align: center; |
| + | } |
| + | #card1 > div.card-body.text-center{ |
| + | padding-top: 0px; |
| + | } |
| + | #card2 > div.card-body.text-center{ |
| + | padding-top: 0px; |
| + | } |
| + | #card1 > div.view.text-center{ |
| + | height: 60px; |
| + | } |
| + | #card2 > div.view.text-center{ |
| + | height: 60px; |
| + | } |
| + | </style> |
| | | |
− | <body>
| + | |
− | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:SZU-China/CSS&action=raw&ctype=text/css" /> | + | <body data-spy="scroll" data-target="#myScrollspy" data-offset="10"> |
− | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SZU-China/JS/jquery&action=raw&ctype=text/javascript"></script>
| + | <div class="container-full"> |
− | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SZU-China/JS/bootstrap&action=raw&ctype=text/javascript"></script>
| + | <div class="card"> |
− | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SZU-China/JS/bootstrap.bundle
| + | <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/f/fc/T--SZU-China--Model-home.jpg" /> |
− | &action=raw&ctype=text/javascript"></script>
| + | </div> |
| + | </div> |
| | | |
− | <div> | + | <div class="container-fluid"> |
− | <nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-dark">
| + | <div class="col-10 offset-1 shadow"> |
− | <div class="container-fluid"> | + | <div class="row"></div> |
− | <a class="navbar-brand" href="#">SZU-China</a>
| + | <div class="text-center"> |
− | <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
| + | <h1 class="h1" style="color: #469789; text-align: center;">Model</h1> |
− | <span class="navbar-toggler-icon"></span>
| + | |
− | </button>
| + | |
− | | + | |
− | <div class="collapse navbar-collapse" id="navbarSupportedContent"> | + | |
− | <ul class="navbar-nav mr-auto">
| + | |
− | <li class="nav-item active">
| + | |
− | <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
| + | |
− | </li>
| + | |
− | <li class="nav-item dropdown">
| + | |
− | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
| + | |
− | Team
| + | |
− | </a>
| + | |
− | <div class="dropdown-menu" aria-labelledby="navbarDropdown">
| + | |
− | <a class="dropdown-item" href="#">Team Members</a>
| + | |
− | <a class="dropdown-item" href="#">Collaborations</a>
| + | |
− | | + | |
− | </div>
| + | |
− | </li>
| + | |
− | <li class="nav-item dropdown">
| + | |
− | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
| + | |
− | Project
| + | |
− | </a>
| + | |
− | <div class="dropdown-menu" aria-labelledby="navbarDropdown">
| + | |
− | <a class="dropdown-item" href="demo.html">Description</a>
| + | |
− | <a class="dropdown-item" href="#">Design</a>
| + | |
− | <a class="dropdown-item" href="https://2018.igem.org/Team:SZU-China/Model">Model</a>
| + | |
− | <a class="dropdown-item" href="#">Biobricks</a>
| + | |
− | <a class="dropdown-item" href="#">Improve</a>
| + | |
− | | + | |
− | </div>
| + | |
− | </li>
| + | |
− | <li class="nav-item dropdown">
| + | |
− | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
| + | |
− | Experiment
| + | |
− | </a>
| + | |
− | <div class="dropdown-menu" aria-labelledby="navbarDropdown">
| + | |
− | <a class="dropdown-item" href="#">Demonstrate</a>
| + | |
− | <a class="dropdown-item" href="#">Results</a>
| + | |
− | <a class="dropdown-item" href="#">Safety</a>
| + | |
− | <a class="dropdown-item" href="#">InterLab</a>
| + | |
− | | + | |
− | </div>
| + | |
− | </li>
| + | |
− | | + | |
− | <li class="nav-item dropdown">
| + | |
− | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
| + | |
− | Human Practices
| + | |
− | </a>
| + | |
− | <div class="dropdown-menu" aria-labelledby="navbarDropdown">
| + | |
− | <a class="dropdown-item" href="#">Human Practices</a>
| + | |
− | <a class="dropdown-item" href="#">Education and Engagement</a>
| + | |
− | | + | |
− | </div>
| + | |
− | </li>
| + | |
− | | + | |
− | <li class="nav-item dropdown">
| + | |
− | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
| + | |
− | Human Practices
| + | |
− | </a>
| + | |
− | <div class="dropdown-menu" aria-labelledby="navbarDropdown">
| + | |
− | <a class="dropdown-item" href="#">Human Practices</a>
| + | |
− | <a class="dropdown-item" href="#">Education and Engagement</a>
| + | |
− | | + | |
− | </div>
| + | |
− | </li>
| + | |
− | | + | |
− | <li class="nav-item dropdown">
| + | |
− | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
| + | |
− | Judging
| + | |
− | </a>
| + | |
− | <div class="dropdown-menu" aria-labelledby="navbarDropdown">
| + | |
− | <a class="dropdown-item" href="#">Judging Form</a>
| + | |
− | <a class="dropdown-item" href="#">Awards</a>
| + | |
− | | + | |
− | </div>
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | | + | |
− | </div>
| + | |
| </div> | | </div> |
− | </nav>
| + | <div class="row"> |
− | </div>
| + | <div class="col-8 offset-2"> |
− | <div class="row">
| + | |
− | <div class="col-9 offset-1">
| + | <p style="font-size: 18px; font-weight: bold;"> |
− | <div class="bs-docs-section">
| + | On this page, two mathematical models were constructed to analysis the efficiency of our producet based on simulation and experiment. <br />Click the frame to see the details. |
− | <div data-spy="scroll" data-target="#list-example" data-offset="0" class="scrollspy-example">
| + | </p> |
− | <div>
| + | |
− | <div class="bs-component">
| + | |
− | <div class="jumbotron"> | + | |
− | <div class="container"></div>
| + | |
− | <div class="center-block">
| + | |
− | <h1> </h1>
| + | |
− | <p> </p> | + | |
− | <h1 id="header">Model</h1>
| + | |
− | <p>We set up a mathematical model to predict the population dynamics of cockroaches before and after using our
| + | |
− | product. By doing so, we can estimate the lethal time of our cockroaches terminator, analyse the relationships
| + | |
− | among each relative factors so as to modify our product.</p>
| + | |
− | </div>
| + | |
− | </div> | + | |
| </div> | | </div> |
− | | + | </div> |
− | <div>
| + | <div class="row"> |
− | <h2 id="Assumptions">Assumptions</h2>
| + | |
− | <ul>
| + | <div class="row"> |
− | <li>1. The number of cockroach has reached the highest value in stable stage</li>
| + | <div class="col-4 offset-1"> |
− | <li>2. Ignore natural birth and death rates in our system</li>
| + | |
− | <li>3. Infectious individuals can not recover</li>
| + | <div id="card1" class="card border-3 h-100"> |
− | <li>4. Other factors that may affect the experiment are ignored</li>
| + | <div class="view text-center"> |
− | </ul>
| + | <img id="icon" class="card-img-top" style="width: 96px;" src="https://static.igem.org/mediawiki/2018/4/48/T--SZU-China--Model_home1.png"/> |
− | <h2 id="Natural condition">Natural condition</h2>
| + | </div> |
− | <p>In natural condition indoors, due to environmental resistance like food, water, space, the population of
| + | <div class="card-body text-center"> |
− | cockroaches is more likely to follow a S-shaped growth curve (sigmoid growth curve), which can be formalized
| + | <a style="color: #469789;" href="https://2018.igem.org/Team:SZU-China/Epidemic_Model"><h3 >Epidemic Model </h3></a> |
− | mathematically by logistic function.</p>
| + | <p class="card-text" >We developed a epidemic model with ordinary differential equation to predict the population dynamics of cockroaches infected by Metarhizium anisopliae. We then performed numerical simulations on the model and sensitivity analysis on some key parameters to find they impacts. |
− | </div>
| + | </p> |
− | <div class="text-center"> | + | </div> |
− | <img class="rounded" style="width: 420px;" src="../img/Model_1.png" /> | + | |
− | </div>
| + | |
− | | + | |
− | <div>
| + | |
− | <h2 id="With infection">With infection</h2>
| + | |
− | <p>Our model was constructed based on SIR epidemic model (Susceptible, Infectious, Recovered) , following are
| + | |
− | some basic properties:</p>
| + | |
− | <ul>
| + | |
− | <li>1. Naturally all cockroaches are susceptible individuals, they can infect by M.anisopliae becoming
| + | |
− | infectious individuals.</li> | + | |
− | <li>2. The number of individual being infected in a contact between a susceptible and an infectious subject is
| + | |
− | simulate by standard incidence .</li>
| + | |
− | <li>3. The transition rate between Infectious and dead is ��, its reciprocal (1/��) determines the average
| + | |
− | infectious period, which is estimate by experiment data.</li>
| + | |
− | | + | |
− | </ul>
| + | |
− | <div class="text-center">
| + | |
− | <img width="560px" src="../img/Model_2.png" />
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | </div>
| + | |
− | <div>
| + | |
− | <h2 id="Parameters">Parameters</h2>
| + | |
− | <p>Model was simulate during 30 days, with total number of 60.</p>
| + | |
− | <table class="table table-bordered">
| + | |
− | <thead>
| + | |
− | <tr class="table-active">
| + | |
− | <th>Parameter</th>
| + | |
− | <th>Value</th>
| + | |
− | <th>Meaning</th>
| + | |
− | </tr>
| + | |
− | </thead>
| + | |
− | <tbody class="text-center">
| + | |
− | <tr>
| + | |
− | <td>S(t)</td>
| + | |
− | <td></td>
| + | |
− | <td>the number of susceptible individuals over time</td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>I(t)</td>
| + | |
− | <td></td>
| + | |
− | <td>the number of infectious individuals over time</td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>D(t)</td>
| + | |
− | <td></td>
| + | |
− | <td>the number of dead individuals over time</td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>��</td>
| + | |
− | <td>0.75</td>
| + | |
− | <td>transmission rate, which is the probability of getting the infection in a contact between susceptible and
| + | |
− | an infectious</td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>��</td>
| + | |
− | <td>1/8</td>
| + | |
− | <td>mortality, which is the the transition rate between I and D, its reciprocal (1/��) determines the average
| + | |
− | infectious period</td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>S(0)</td>
| + | |
− | <td>55</td>
| + | |
− | <td>the initial number of susceptible individuals</td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>I(0)</td>
| + | |
− | <td>5</td>
| + | |
− | <td>the initial number of infectious individuals</td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>r</td>
| + | |
− | <td>0.3</td>
| + | |
− | <td>growth rate</td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>N=S+I</td>
| + | |
− | <td></td>
| + | |
− | <td>population size</td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>K</td>
| + | |
− | <td>70</td>
| + | |
− | <td>carring capacity</td>
| + | |
− | </tr>
| + | |
− | </tbody>
| + | |
− | </table>
| + | |
− | <P>The system without so-called vital dynamics (birth and death) described above can be expressed by the
| + | |
− | following set of ordinary differential equations:</P>
| + | |
− | <p>This system is non-linear, and the analytic solution does not exist, but we can compute the numerical solution
| + | |
− | by MATLAB. (see results)</p>
| + | |
− | </div>
| + | |
− | <div>
| + | |
− | <h2 id="Results">Results</h2>
| + | |
− | <p>The following curves show dynamics number change of each kinds of individuals. We see that the infectious
| + | |
− | individuals grow fast before first 6 day, and then began to drop. The total number of cockroaches continuously
| + | |
− | going down. We specify the median lethal time (LT50), which in this condition is 11.1 days.</p>
| + | |
− | <div class="text-center">
| + | |
− | <img class="rounded" style="width: 420px;" src="../img/Model_3.png" />
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div>
| + | |
− | <h2 id="Sensitivity Analysis">Sensitivity Analysis</h2>
| + | |
− | <p>We use sensitivity analysis to analyze the impacts of some important parameter values (��, ��) on our model
| + | |
− | outcomes (LT50). The figures below show the tendency of dead number with respect to each parameter change. </p>
| + | |
− | | + | |
− | | + | |
− | </div>
| + | |
− | <div class="card-group">
| + | |
− | <div class="card">
| + | |
− | <div class="card-header">
| + | |
− | <h3>1. change gamma</h3>
| + | |
| </div> | | </div> |
| | | |
− | <img class="card-img-top" style="width: 512px;" src="../img/Model_4.png" />
| + | </div> |
− | <div class="card card-body">
| + | |
− | <table>
| + | <div class="col-4 offset-2 "> |
− | <thead class="table table-active"> | + | <div id="card2" class="card border-3 h-100"> |
− | <tr>
| + | <div class="view text-center"> |
− | <th>change ��</th>
| + | <img id="icon" class="card-img-top" style="width: 96px;" src="https://static.igem.org/mediawiki/2018/4/4b/T--SZU-China--Model_home2.png"/> |
− | <th>��</th>
| + | </div> |
− | <th>��</th>
| + | <div class="card-body text-center"> |
− | <th>LT50</th>
| + | <a style="color: #469789;" href="https://2018.igem.org/Team:SZU-China/Statistic_Model"><h3 >Statistic Model</h3></a> |
− | <th>��LT50</th>
| + | <p class="card-text">We constructed a statistical model for our experimental data from simulating room. It can give us a clear and scientific understanding that whether there had significant difference in migration rate, mortality and gnawing rate between each products.</p> |
− | <th>Ratio</th>
| + | |
− | </tr>
| + | |
− | </thead>
| + | |
− | <tbody>
| + | |
− | <tr>
| + | |
− | <td>+20%</td>
| + | |
− | <td>0.750</td>
| + | |
− | <td>0.150</td>
| + | |
− | <td>10.100</td>
| + | |
− | <td>0.090</td>
| + | |
− | <td>0.450</td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td></td>
| + | |
− | <td>0.075</td>
| + | |
− | <td>0.125</td>
| + | |
− | <td>11.100</td>
| + | |
− | <td></td>
| + | |
− | <td></td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>-20%</td>
| + | |
− | <td>0.750</td>
| + | |
− | <td>0.100</td>
| + | |
− | <td>12.700</td>
| + | |
− | <td>0.138</td>
| + | |
− | <td>0.690</td>
| + | |
− | </tr>
| + | |
| | | |
− | </tbody>
| |
− | </table>
| |
| </div> | | </div> |
| </div> | | </div> |
− | <div class="card">
| |
− | <div class="card-header">
| |
− | <h3>2. change beta</h3>
| |
− | </div>
| |
− | <img class="card-img-top" style="width: 512px;" src="../img/Model_5.png" />
| |
− | <div class="card card-body">
| |
− | <table>
| |
− | <thead class="table table-active">
| |
− | <tr>
| |
− | <th>change ��</th>
| |
− | <th>��</th>
| |
− | <th>��</th>
| |
− | <th>LT50</th>
| |
− | <th>��LT50</th>
| |
− | <th>Ratio</th>
| |
− | </tr>
| |
− | </thead>
| |
− | <tbody>
| |
− | <tr>
| |
− | <td>+20%</td>
| |
− | <td>0.900</td>
| |
− | <td>0.125</td>
| |
− | <td>10.300</td>
| |
− | <td>0.072</td>
| |
− | <td>0.360</td>
| |
− | </tr>
| |
− | <tr>
| |
− | <td></td>
| |
− | <td>0.750</td>
| |
− | <td>0.125</td>
| |
− | <td>11.100</td>
| |
− | <td></td>
| |
− | <td></td>
| |
− | </tr>
| |
− | <tr>
| |
− | <td>-20%</td>
| |
− | <td>0.600</td>
| |
− | <td>0.125</td>
| |
− | <td>12.400</td>
| |
− | <td>0.117</td>
| |
− | <td>0.585</td>
| |
− | </tr>
| |
− |
| |
− | </tbody>
| |
− | </table>
| |
− | </div>
| |
| </div> | | </div> |
| </div> | | </div> |
| + | </div> |
| | | |
− | <div>
| + | |
| + | |
| | | |
− | </div>
| |
− | <div>
| |
| | | |
− | </div>
| |
− | <p>The last term Ratio is the normalized sensitivities-the ratio of the relative change of the output to the
| |
− | relative change of the parameter.</p>
| |
− | </div>
| |
− | </div>
| |
| </div> | | </div> |
− | </div>
| |
− |
| |
− | <div class="col-2">
| |
− |
| |
− |
| |
− | <ul class=" position-fixed border-left">
| |
− | <p><a class="text-muted" href="#">Modle</a></p>
| |
− | <p><a class="text-muted" href="#Assumptions">Assumptions</a></p>
| |
− | <p><a class="text-muted" href="#Natural condition">Natural condition</a></p>
| |
− |
| |
− | <p><a class="text-muted" href="#With infection">With infection</a></p>
| |
− | <p><a class="text-muted" href="#Parameters">Parameters</a></p>
| |
− | <p><a class="text-muted" href="#Results">Results</a></p>
| |
− | <p><a class="text-muted" href="#Sensitivity Analysis">Sensitivity Analysis</a></p>
| |
− | </ul>
| |
− |
| |
− |
| |
− |
| |
− | </div>
| |
− |
| |
− | </div>
| |
| | | |
| + | </div> |
| | | |
| + | </body> |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | <script> |
| + | |
| + | $("#card1").hover( |
| + | function(){ |
| + | $("#card1").addClass("shadow-lg rounded"); |
| + | }, |
| + | function(){ |
| + | $("#card1").removeClass("shadow-lg rounded"); |
| + | } |
| + | ); |
| | | |
| + | $("#card2").hover( |
| + | function(){ |
| + | $("#card2").addClass("shadow-lg rounded"); |
| + | }, |
| + | function(){ |
| + | $("#card2").removeClass("shadow-lg rounded"); |
| + | } |
| + | ); |
| | | |
| | | |
| + | $("#icon").hover( |
| + | function(){ |
| + | $("#icon").addClass("bounce "); |
| + | }, |
| + | function(){ |
| + | $("#icon").removeClass("bounce"); |
| + | } |
| + | ); |
| + | </script> |
| + | |
| | | |
− | </body>
| |
| | | |
| </html> | | </html> |