Difference between revisions of "Team:UCopenhagen/Model"

 
(15 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{UCopenhagen-header/CSS}}
+
{{template:Copenhagen-Header}}
  
 
<html>
 
<html>
−
<style>
+
 
−
  .myintro {
+
<body>
−
      display: table;
+
 
−
      width: 100%;
+
<!-- Header -->
−
      height: 100%;
+
    <a name="project"></a>
−
      padding: 100px 0;
+
    <div class="intro-header4">
−
      text-align: center;
+
        <div class="container">
−
      color: #E8DBD7;
+
 
−
      background: url("https://static.igem.org/mediawiki/2017/7/71/UCopenhagen_BLUE_bg.jpeg") no-repeat bottom center scroll;
+
            <div class="row">
−
      background-color: #264653;
+
                <div class="col-lg-12">
−
      -webkit-background-size: cover;
+
                    <div class="intro-message2">
−
      -moz-background-size: cover;
+
<h3></h3>
−
      background-size: cover;
+
                        <h1><a name="Top">M O D E L</a></h1> 
−
      -o-background-size: cover;
+
                    </div>
−
    }
+
                </div>
−
    .myintro .myintro-body {
+
            </div>
−
      display: table-cell;
+
 
−
      vertical-align: middle;
+
        </div>
−
    }
+
        <!-- /.container -->
−
    .myintro .myintro-body .brand-heading {
+
 
−
      font-size: 40px;
+
 
−
    }
+
<div class="content-section-a">
−
    .myintro .myintro-body .myintro-text {
+
<div class="container">
−
      font-size: 18px;
+
            <div>
−
      font-family: Tahoma, Geneva, sans-serif;
+
                    <hr class="section-heading-spacer">
−
     }
+
                    <div class="clearfix"></div>
−
</style>
+
                    <h2 class="section-heading">Introduction</h2>
−
<div id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
+
                    <p class="lead">
 +
The modelling part of IGEM Copenhagen 2017 simulates the behavior of the Number Control and Interdependency subprojects of our synthetic endosymbiosis. The modelling parameters are as far as possible based on experimental results and estimates.
 +
 
 +
<br><br>
 +
The modelling was meant to serve 3 main tasks:
 +
<ul style="text-align:left; color:white;">
 +
<li>1)As an in silico representation of the combined host-endosymbiont system which we couldn’t physically create in the wet lab given the available amount of time and resources at our disposal.
 +
</li>
 +
<li>2)As a way to predict parameter dependencies and feasibility of the real system and thus give inspiration to the design of wet lab experiments and future usages.
 +
</li>
 +
<li>3)As a very simple software toolbox to be used in practical implementations of future synthetic endosymbiosis setups.
 +
</li>
 +
</ul>
 +
</p>
 +
<br>
 +
<p class="lead">
 +
A total of 4 different models have been made and are described separately below. All parameters and sources can be found in Table 1.
 +
 
 +
    </div>
 +
</div>
 +
</div>
 +
 
 +
<div class="content-section-b"><a name="design"></a>
 +
<div class="container">
 +
            <div>
 +
                    <div class="clearfix"></div>
 +
                    <h2 class="section-heading">Model 1 </h2>
 +
                                        <p class="lead">
 +
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/f/f8/MODEL1_JF_ucph.png" alt="" width="250" height="200">
 +
 
 +
</p> 
 +
 
 +
<p class="lead">
 +
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/f/f1/Mdoef_UCPH.png" alt="" width="250" height="200">
 +
</p> 
 +
                </div>
 +
 
 +
    </div>
 +
    <!-- /.container -->
 +
</div>
 +
 
 +
<div class="content-section-a"><a name="experiment"></a>
 +
<div class="container">
 +
            <div>
 +
                    <hr class="section-heading-spacer">
 +
                    <div class="clearfix"></div>
 +
                    <h2 class="section-heading">Model 2</h2>
 +
                    <p class="lead">
 +
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/0/07/Kdsfj_UCPH.png" alt="" width="250" height="200">
 +
</p>
 +
<p class="lead">
 +
<figure>
 +
<br><br>
 +
                    <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/1/1b/Tryptophan_production_and_growth_UCopenhagen.png" alt="" width="250" height="200">
 +
 
 +
<figcaption style="color:white"><b>Figure 3 </b>: Interdependency host consumption versus symbiont production of tryptophan. The plots show the average number of endosymbionts needed pr host at different values of the two parameters. Left plot has a larger range of values than the right plot.</figcaption>
 +
</figure>
 +
</p>
 +
<p class="lead">
 +
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/a/aa/Drdjfhs_UCPH.png" alt="" width="250" height="200">
 +
</p>
 +
</div>
 +
</div>
 +
    </div>
 +
 
 +
<div class="content-section-b"><a name="experiment"></a>
 +
<div class="container">
 +
            <div>
 +
                    <hr class="section-heading-spacer">
 +
                    <div class="clearfix"></div>
 +
                    <h2 class="section-heading">Model 3</h2>
 +
                    <p class="lead">
 +
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/5/56/Fkslnfjn_UCPH.png" alt="" width="250" height="200">
 +
</p>
 +
 
 +
<p class="lead">
 +
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/d/d8/Qejlnfro_UCPH.png" alt="" width="250" height="200">
 +
</p>
 +
 
 +
</div>
 +
</div>
 +
    </div>
 +
 
 +
<div class="content-section-a"><a name="experiment"></a>
 +
<div class="container">
 +
            <div>
 +
                    <hr class="section-heading-spacer">
 +
                    <div class="clearfix"></div>
 +
                    <h2 class="section-heading">Model 4</h2>
 +
                    <p class="lead">
 +
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/3/36/LNDLNWREJ_UCPH.png" alt="" width="250" height="200">
 +
</p>
 +
<p class="lead">
 +
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/4/4d/Fsklen_UCPH.png" alt="" width="250" height="200">
 +
</p>
 +
 
 +
<a href="https://2017.igem.org/File:Video_5.mov">See Video 1 here</a><br><br>
 +
<a href="https://2017.igem.org/File:Video_6.mov">See Video 2 here</a><br><br>
 +
 
 +
<p class="lead">
 +
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/a/a9/Lksnfljn_UCPH.png" alt="" width="250" height="200">
 +
</p>
 +
 
 +
<p class="lead">
 +
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/b/b9/Lksnflj_UCph.png" alt="" width="250" height="200">
 +
</p>
 +
 
 +
<p class="lead">
 +
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/6/62/Sdknceoqq_ucn.png" alt="" width="250" height="200">
 +
</p>
 +
 
 +
<p class="lead">
 +
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/9/95/A%C3%A6ojqrhnfjgdr_ucph.png" alt="" width="250" height="200">
 +
</p>
 +
 
 +
<a href="https://static.igem.org/mediawiki/2017/3/32/Parameter_sheet_Ucopenhagen.pdf">See Parameters here</a><br><br>
 +
<a href="https://static.igem.org/mediawiki/2017/e/e4/Model_formulas_UCopenhagen.pdf">See formulas here</a><br><br>
 +
 
 +
</div>
 +
</div>
 +
    </div>
 +
</div>
 +
 
 +
</div>
 +
</div>
 +
 
 +
<a  name="socialmedia"></a>
 +
        <div class="container">
 +
          <div class="row">
 +
                <div class="col-lg-5">
 +
                    <h2>Find Incell here:</h2>
 +
                </div>
 +
                <div class="col-lg-7">
 +
<br>
 +
                    <ul class="list-inline banner-social-buttons">
 +
                        <li>
 +
                            <a href="https://twitter.com/iGEM_Copenhagen" target="_blank" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://www.facebook.com/iGEMCopenhagen" target="_blank" class="btn btn-default btn-lg"><i class="fa fa-facebook fa-fw"></i> <span class="network-name">Facebook</span></a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://www.instagram.com/igemku2017" target="_blank" class="btn btn-default btn-lg"><i class="fa fa-instagram fa-fw"></i> <span class="network-name">Instagram</span></a>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
            </div>
 +
 
 +
        </div>
 +
        <!-- /.container -->
 +
    </div>
 +
    <!-- /.intro-header -->
 +
 
 +
     </div>
 +
    <!-- /.banner -->
 +
    <!-- Interactive bar -->
 +
        <div id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
 
     <!-- One-Page Scroll NavBar -->
 
     <!-- One-Page Scroll NavBar -->
 
     <nav class="navbar scrollnav-custom navbar-fixed-bottom" role="navigation" id="scrollnav">
 
     <nav class="navbar scrollnav-custom navbar-fixed-bottom" role="navigation" id="scrollnav">
 
         <div class="container">
 
         <div class="container">
 
             <div class="navbar-header">
 
             <div class="navbar-header">
−
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
+
<ul class="nav navbar-nav">
−
                     Menu <i class="fa fa-bars"></i>
+
                    <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
−
                </button>
+
                     <li>
−
                 <a class="navbar-brand" target="_blank"  href="https://www.facebook.com/iGEMCopenhagen">
+
                <a class="page-scroll" href="#Top">Introduction</a>
−
                     <img src="https://static.igem.org/mediawiki/2017/6/67/T--BOKU-Vienna--fb2.png" alt="Facebook" >
+
                    </li>
−
                </a>
+
                    <li>
−
                 <a class="navbar-brand" target="_blank" href="https://www.twitter.com/igem_copenhagen">
+
                 <a class="page-scroll" href="#Design">Final design</a>
−
                     <img src="https://static.igem.org/mediawiki/2017/1/15/T--BOKU-Vienna--twitter.png" alt="Twitter" >
+
                    </li>
−
                 </a>
+
                     <li>
 +
                <a class="page-scroll" href="#experiment">Experiments</a>
 +
                    </li>
 +
                    <li>
 +
                 <a class="page-scroll" href="#process">Design Process</a>
 +
                     </li>
 +
 
 +
                 </ul>
 
             </div>
 
             </div>
  
Line 50: Line 213:
 
                     <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
 
                     <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
 
                     <li>
 
                     <li>
−
                         <a class="page-scroll" href="#">Top</a>
+
                         <a class="page-scroll" href="https://2017.igem.org/Team:UCopenhagen/Project">Previous</a>
 +
                    </li>
 +
                    <li>
 +
                        <a class="page-scroll" href="https://2017.igem.org/Team:UCopenhagen/Number-Control">Next</a>
 
                     </li>
 
                     </li>
−
 
 
                 </ul>
 
                 </ul>
 
             </div>
 
             </div>
Line 59: Line 224:
 
         <!-- /.container -->
 
         <!-- /.container -->
 
     </nav>
 
     </nav>
 +
</div>
  
−
    <!-- myintro Header -->
+
 
−
     <header class="myintro">
+
<!-- jQuery -->
−
        <div class="myintro-body">
+
     <script src="js/jquery.js"></script>
−
            <div class="container">
+
 
−
                <div class="row">
+
    <!-- Bootstrap Core JavaScript -->
−
                    <div class="col-md-10 col-md-offset-1">
+
    <script src="js/bootstrap.min.js"></script>
−
                        <h1 class="brand-heading">Model</h1>
+
 
−
                        <p class="myintro-text">
+
</body>
−
                            <br></p>
+
 
−
                        <a href="#Welcome" class="page-scroll">
+
</html>
−
                          <div id="downarrow">
+
−
                            <img src="https://static.igem.org/mediawiki/2017/3/32/T--BOKU-Vienna--arrow.png" alt="V">
+
−
                          </div>
+
−
                        </a>
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
        </div>
+
−
    </header>
+

Latest revision as of 03:59, 2 November 2017

M O D E L

Introduction

The modelling part of IGEM Copenhagen 2017 simulates the behavior of the Number Control and Interdependency subprojects of our synthetic endosymbiosis. The modelling parameters are as far as possible based on experimental results and estimates.

The modelling was meant to serve 3 main tasks:

  • 1)As an in silico representation of the combined host-endosymbiont system which we couldn’t physically create in the wet lab given the available amount of time and resources at our disposal.
  • 2)As a way to predict parameter dependencies and feasibility of the real system and thus give inspiration to the design of wet lab experiments and future usages.
  • 3)As a very simple software toolbox to be used in practical implementations of future synthetic endosymbiosis setups.


A total of 4 different models have been made and are described separately below. All parameters and sources can be found in Table 1.

Model 1

Model 2



Figure 3 : Interdependency host consumption versus symbiont production of tryptophan. The plots show the average number of endosymbionts needed pr host at different values of the two parameters. Left plot has a larger range of values than the right plot.

Model 3

Find Incell here: