Difference between revisions of "Team:Stuttgart/Model"

 
(77 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
{{Template:Home}}
 
<html>
 
<html>
  
<script>
+
<!-- start of content -->
  
    // This is the jquery part of your template. 
+
<div class="container">
    // Try not modify any of this code too much since it makes your menu work.
+
<div class="row section">
 +
<div class="col-xs-12 col-sm-12 col-md-12">
  
    $(document).ready(function() {
+
<h1 align=middle>Modelling</h1>
 +
<p>
 +
The modelling and simulation team aims to describe the whole system with an equational system
 +
which characterizes the expression and secretion of all enzymes, the degradation time courses as well as the produced rose scent.  
 +
In order to find the best enzyme composition for the maximal hair and lipid breakdown in a
 +
specific time period the 2nd modelling block is used to perform an optimization.
 +
</p>
 +
</div>
 +
</div>
  
        $("#HQ_page").attr('id','');
 
  
        // call the functions that control the menu
 
        menu_functionality();
 
        hide_show_menu();
 
  
  
  
         //this function controls the expand and collapse buttons of the menu and changes the +/- symbols
+
<div class="row section">
        function menu_functionality() {
+
<div class="col-xs-12 col-sm-12 col-md-12">
 +
<div class="thumb tleft">
 +
  <div class="thumbinner" style="width:;">
 +
    <a href="https://static.igem.org/mediawiki/2017/3/3c/IGEMStuttgart2017_building_blocks_model.png" class="image">
 +
      <img alt="" src="https://static.igem.org/mediawiki/2017/3/3c/IGEMStuttgart2017_building_blocks_model.png" class="img-responsive" />
 +
    </a> 
 +
    <div class="thumbcaption">
 +
      <div class="magnify">
 +
         <a href="https://static.igem.org/mediawiki/2017/3/3c/IGEMStuttgart2017_building_blocks_model.png" class="internal" title="Enlarge">
 +
          <img src="/wiki/skins/common/images/magnify-clip.png" width="" height="" alt="" />
 +
</a>
 +
</div>
 +
  <b>Figure 1:</b> Our modelling process considers three successional blocks: The first one describes the expression and secretion of the desired enzymes, this is followed by the hair and lipid degradation block and the last one depicts the synthesis of the rose scent.
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
  
            //when clicking on a "menu_button", it will change the "+/-" accordingly and it will show/hide the corresponding submenu
 
            $(".menu_button").click(function(){
 
  
                // add or remove the class "open" , this class holds the "-"
 
                $(this).children().toggleClass("open");
 
                // show or hide the submenu
 
                $(this).next('.submenu_wrapper').fadeToggle(400);
 
            });
 
  
            // when the screen size is smaller than 800px, the display_menu_control button appears and will show/hide the whole menu
 
            $("#display_menu_control").click(function(){
 
                $('#menu_content').fadeToggle(400);
 
            });
 
  
            // call the current page highlight function
 
            highlight_current_page();
 
        }
 
  
 +
<div class="container">
 +
<div class="row section">
 +
<div class="col-xs-12 col-sm-12 col-md-12">
  
        // call the highlight current page function to show it on the menu with a different background color
+
<h1 align=middle>Assumptions</h1>
        function highlight_current_page() {
+
<h3 align=middle>Block 1</h3>
 +
<p>
 +
We use a simplified formula [1] from the book Biomolecular Feedback Systems(1) to describe the enzyme expression:
 +
</div>
 +
</div>
  
            // select a page from the menu based on the id assigned to it and the current page name and add the class "current page" to make it change background color
+
<div class="row section">
            $("#"+  wgPageName.substring(wgPageName.lastIndexOf("/")+1, wgPageName.length ) + "_page").addClass("current_page");
+
<div class="col-xs-12 col-sm-6 col-md-4" align="middle" >
 +
<div class="thumb tleft">
 +
  <div class="thumbinner" style="width:">
 +
<a href="https://static.igem.org/mediawiki/2017/4/47/Enzyme_production.png" class="image" align="middle" >
 +
  <img alt="" src="https://static.igem.org/mediawiki/2017/4/47/Enzyme_production.png" class="img-responsive" align="middle"/>
 +
</a> 
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="row section">
 +
<div class="col-xs-12 col-sm-12 col-md-12">
 +
<p>&alpha; :  mRNA production rate of enzyme E </p>
 +
<p>&delta; :  mRNA degradation rate </p>
 +
<p>&kappa; :  mRNA translation rate </p>
 +
<p>&gamma; :  degradation rate </p>
 +
<p>
 +
The dynamics of the enzymes production is dependant on the building rate, which depends on mRNA dynamics, and its degradation rate &gamma;.
 +
The expression is followed by the enzyme secretion which can be depicted as follows (2)[2]:
 +
</p>
 +
</p>
 +
</div>
 +
</div>
  
            // now that the current_page class has been added to a menu item, make the submenu fade in
+
<div class="row section">
            $(".current_page").parents(".submenu_wrapper").fadeIn(400);
+
<div class="col-xs-12 col-sm-6 col-md-4">
            // change the +/- symbol of the corresponding menu button
+
<div class="thumb tleft">
            $(".current_page").parents(".submenu_wrapper").prev().children().toggleClass("open");
+
  <div class="thumbinner" style="width:;">
 +
<a href="https://static.igem.org/mediawiki/2017/3/31/Secretion.png" class="image" align="middle">
 +
  <img alt="" src="https://static.igem.org/mediawiki/2017/3/31/Secretion.png" class="img-responsive" align="middle"/>
 +
</a> 
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="row section">
 +
<div class="col-xs-12 col-sm-12 col-md-12">
 +
<p>r<sub>secretion</sub> :  secretion rate </p>
 +
<p> [enzyme] :  enzyme concentration </p>
 +
<p>s : secretion efficency </p>
 +
<p>t : time </p>
 +
<p>
 +
The secretion depends on the secretion efficency, which is a value between zero and one (2). Secreted Enzymes can degrade Hair, which is modelled in Block 2.
 +
</p>
 +
</div>
 +
</div>
  
        }
 
  
 +
</p>
 +
<h3 align=middle>Block 2</h3>
 +
<p>
 +
As the kinetics of our lipases, esterases and keratinases are not well characterized in the literature,
 +
we use the simple Michaelis-Menten formula [3] to describe the enzymes’ kinetics. </p>
  
 +
<div class="row section">
 +
<div class="col-xs-12 col-sm-6 col-md-4">
 +
<div class="thumb tleft">
 +
  <div class="thumbinner" style="width:;">
 +
<a href="https://static.igem.org/mediawiki/2017/e/e7/Mm.png" class="image" align="middle">
 +
  <img alt="" src="https://static.igem.org/mediawiki/2017/e/e7/Mm.png" class="img-responsive" align="middle"/>
 +
</a> 
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="row section">
 +
<div class="col-xs-12 col-sm-6 col-md-4">
 +
<div class="thumb tleft">
 +
  <div class="thumbinner" style="width:;">
 +
<a href="https://static.igem.org/mediawiki/2017/6/64/Vmax.png" class="image">
 +
  <img alt="" src="https://static.igem.org/mediawiki/2017/6/64/Vmax.png" class="img-responsive" />
 +
</a> 
 +
</div>
 +
</div>
 +
</div>
 +
</div>
  
        // allow button on the black menu bar to show/hide the side menu
+
<div class="row section">
        function hide_show_menu() {
+
<div class="col-xs-12 col-sm-12 col-md-12">
 +
<p>
 +
Furthermore,
 +
there exists no knowledge on the interaction of these three types of enzymes that is why we assumed that lipases,
 +
esterases and keratinases do not interfere with each other. Human hair is built up of proteins, lipids, water, trace elements and pigments.
 +
The protein or keratin proportion depicts 80% by weight and lipids constitute 5% by weight(3). For simplification,
 +
we assumed that the lipids of hair can be found only on its outside,
 +
conjecting that the hair degradation occurs in a sequential manner:
 +
First, the lipases must start breaking down the lipids, before esterases can continue with the lipid degradation,
 +
finally keratinases break down keratin, which has to be free of any lipids otherwise no keratin degradation is possible.
 +
As we cannot know size of the blockage, consequently, we have no knowledge about the contained hair amount,
 +
we modelled with an excess of hair compared to the used enzyme amount. Furthermore,
 +
we assume that only undegraded hair can be found in the blockage at the beginning.
 +
The simulation is carried out for a time period of 12 h as the aim is to clear the blockage over night.
 +
</p>
 +
</div>
 +
</div>
  
            // in case you preview mode is selected, the menu is hidden for better visibility
 
            if (window.location.href.indexOf("submit") >= 0) {
 
                $(".igem_2017_menu_wrapper").hide();
 
            }
 
  
            // if the black menu bar has been loaded
+
</p>
            if (document.getElementById('bars_item')) {
+
<h3 align=middle>Block 3</h3>
 +
<div class="row section">
 +
<div class="col-xs-12 col-sm-12 col-md-12">
 +
<p>
 +
The amino acid phenylalanine, which is a by-product of the hair degradation with 1.3% by weight(3),
 +
is then used as substrate for the synthesis of 2-phenylethylacetate which has a rose like odor.
 +
The expression of the therefor needed enzymes is described by formula [1] and the Michaelis-Menten formula [3]
 +
can be used to depict their kinetics.
 +
</p>
 +
</div>
 +
</div>
  
                // when the "bars_item" has been clicked
 
                $("#bars_item").click(function() {
 
                    $("#sideMenu").hide();
 
  
                    // show/hide the menu wrapper
+
<h1 align=middle>Modelling Setup</h1>
                    $(".igem_2017_menu_wrapper").fadeToggle("100");
+
<div class="row section">
                });
+
<div class="col-xs-12 col-sm-12 col-md-12">
            }
+
<p>
 +
The model was first set up in Simulink, which is an easy clickable graphical surface for implementing simulations. Figure 2 shows the three building blocks for our model in Simulink.
 +
The functions in the second block follow the interaction graph:
 +
</div>
 +
</div>
  
            // because the black menu bars loads at a different time than the rest of the page, this function is set on a time out so it can run again in case it has not been loaded yet
 
            else {
 
                setTimeout(hide_show_menu, 15);
 
            }
 
        }
 
  
 +
<div class="row section">
 +
<div class="col-xs-12 col-sm-9 col-md-9">
 +
<div class="thumb tleft">
 +
  <div class="thumbinner" style="width:;">
 +
<a href="https://static.igem.org/mediawiki/2017/6/65/Ode_scheme.png" class="image">
 +
  <img alt="" src="https://static.igem.org/mediawiki/2017/6/65/Ode_scheme.png" class="img-responsive" />
 +
</a> 
 +
</div>
 +
</div>
 +
</div>
 +
</div>
  
    });
+
<div class="row section">
 +
<div class="col-xs-12 col-sm-12 col-md-12">
 +
<p>
 +
The equations derived from the interaction graph with assumption of Michaelis-Menten kinetiks [3,4] are as follows:
 +
</p>
 +
</div>
 +
</div>
  
 +
<div class="row section">
 +
<div class="col-xs-12 col-sm-12 col-md-12">
 +
<div class="thumb tleft">
 +
  <div class="thumbinner" style="width:;">
 +
<a href="https://static.igem.org/mediawiki/2017/3/3e/Ode_rates.png" class="image">
 +
  <img alt="" src="https://static.igem.org/mediawiki/2017/3/3e/Ode_rates.png" class="img-responsive" />
 +
</a>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
  
</script>
+
<div class="row section">
 +
<div class="col-xs-12 col-sm-12 col-md-12">
 +
<p>
 +
At first hair with lipids (H_wl) is degraded by lipases to hair without lipids (H_wol), which is then degraded via esterases to esterase degraded hair (H_est). H_est is is further consumed by keratinases to keratinase degraded hair (H_ker).
 +
</p>
 +
</div>
 +
</div>
 +
</div>
  
<style>
 
  
 +
<div class="container">
 +
  <div class="row section">
 +
  <div class="col-xs-12 col-sm-12 col-md-12">
 +
  <div class="thumb tleft">
 +
    <div class="thumbinner" style="width:;">
 +
<a href="https://static.igem.org/mediawiki/2017/f/f8/Simulink_dyn_system_stuttgart2017.png" class="image">
 +
  <img alt="" src="https://static.igem.org/mediawiki/2017/f/f8/Simulink_dyn_system_stuttgart2017.png" class="img-responsive" />
 +
</a> 
 +
<div class="thumbcaption">
 +
  <div class="magnify">
 +
    <a href="https://static.igem.org/mediawiki/2017/f/f8/Simulink_dyn_system_stuttgart2017.png" class="internal" title="Enlarge">
 +
      <img src="/wiki/skins/common/images/magnify-clip.png" width="15" height="11" alt="" />
 +
</a>
 +
</div>
 +
<b>Figure 2:</b> System overview of the via Simulink<sup>(R)</sup> designed Model for optimal hair degradation. </div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
  
 +
<div class="row section">
 +
<div class="col-xs-12 col-sm-12 col-md-12">
 +
  <p>
 +
  The Simulink model files can be downloaded
 +
  <a href=" https://static.igem.org/mediawiki/2017/9/9f/Enzyme_dyn_system_2016a.zip">here</a>.
 +
  Each block contains functions and interactions with another. Over time there is enzyme expressed and secreted, which then degrades hair. A part of the degradation product then is used to produce a rose scent.
 +
  </p>
 +
  <p>
 +
  For people, who do not want to use Simulink, ther is also a sole matlab model of Block 2 available.
 +
  </p>
  
    /***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
+
            <p>The files for the optimization of Block 2 are provided
 
+
<a href="https://static.igem.org/mediawiki/2017/c/c1/IGEMStuttgart2017_ode_model.zip">here as .zip</a> (and as .m files:  
    /* Clear the default wiki settings */
+
<a href="https://2017.igem.org/File:Model_base.m "> 1</a>, <a href="https://2017.igem.org/File:Cost_function.m "> 2</a>
 
+
<a href="https://2017.igem.org/File:Modell.m  "> 3</a>, <a href="https://2017.igem.org/File:PathwayIGEM.m "> 4</a>)
    #home_logo, #sideMenu { display:none; }
+
</p>
    #sideMenu, #top_title, .patrollink  {display:none;}
+
    #content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
+
    body {background:#190707 }
+
    #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
  table {background:#ffffff url(https://static.igem.org/mediawiki/2017/4/46/LightupthepipeTEAMSTUtt.png); }
+
 
+
 
+
 
+
    /**************************************************************** MENU ***************************************************************/
+
    /* Wrapper for the menu */
+
    .igem_2017_menu_wrapper {
+
        width: 15%;
+
        height:100vh;
+
        position:fixed;
+
        right:0;
+
        padding:0;
+
        float:right;
+
        border-left: 1px solid #F8CE63;
+
        background-color:#190707;
+
        text-align:left;
+
        font-family:Tahoma, Geneva, sans-serif;
+
        overflow-y: auto;
+
        overflow-x: hidden;
+
    }
+
 
+
    /* this hides the scrollbar to keep view consistency */
+
    .igem_2017_menu_wrappe::-webkit-scrollbar {
+
        display: none;
+
    }
+
 
+
 
+
    /* styling for links in the menu, removes the line under text */
+
    .igem_2017_menu_wrapper a {
+
        text-decoration: none;
+
    }
+
 
+
 
+
    /* styling for the images in the menu */
+
    .igem_2017_menu_wrapper img {
+
        width: 100%;
+
    }
+
 
+
    /* styling for the menu buttons */
+
    .igem_2017_menu_wrapper .menu_button {
+
        width: 100%;
+
        padding: 10px 0px 10px 15px;
+
        float:left;
+
        border-bottom: 1px solid #F8CE63;
+
        font-size: 20px;
+
        font-weight: bold;
+
        color: #F8CE63;
+
        cursor: pointer;
+
    }
+
 
+
 
+
    .igem_2017_menu_wrapper .menu_bottom_padding {
+
        width: 100%;
+
        height: 30px;
+
        float:left;
+
    }
+
 
+
    .menu_button.direct_to_page {
+
        padding-left: 36px;
+
    }
+
 
+
 
+
    .igem_2017_menu_wrapper .menu_button .expand_collapse_icon {
+
        width:10%;
+
        float:left;
+
    }
+
 
+
    .igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before {
+
        content: "+";
+
    }
+
 
+
    .open::before {
+
        content: "-" !important;
+
    }
+
 
+
 
+
 
+
    /* styling for the menu buttons on hover */
+
    .igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover ,  .submenu_button.current_page:hover {
+
        background-color: #F8CE63;
+
        text-decoration: none;
+
        color:#190707;
+
    }
+
 
+
    /* styling for the menu button when it is the current page */
+
    .current_page {
+
        background-color:#190707  !important;
+
        color:#F8CE63 !important;
+
    }
+
 
+
 
+
    /* styling for the submenu buttons */
+
    .igem_2017_menu_wrapper .submenu_button {
+
        width: 100%;
+
        padding: 10px 0px 10px 34px;
+
        float:left;
+
        background-color:#190707;
+
        border-bottom: 1px solid #F8CE63;
+
        font-size: 15px;
+
        color: #F8CE63;
+
        cursor: pointer;
+
    }
+
 
+
    /* wrapper for the submenu items, they are hidden by default*/
+
    .igem_2017_menu_wrapper .submenu_wrapper {
+
        display:none;
+
    }
+
 
+
    /* when the page size is bigger than 800px, this show/hide control is hidden by default */
+
    .igem_2017_menu_wrapper #display_menu_control {
+
        display:none;
+
        text-align:center;
+
    }
+
 
+
 
+
    /***************************************************** CONTENT OF THE PAGE ****************************************************/
+
 
+
    /* Wrapper for the content */
+
    .igem_2017_content_wrapper {
+
        width: 81%;
+
        margin: 2%;
+
        display:block;
+
        float:left;
+
        background-color: #190707;
+
        font-family:Tahoma, Geneva, sans-serif;
+
    }
+
 
+
 
+
    /********************************* HTML STYLING  *********************************/
+
 
+
    /* styling for the titles h1 h2 */
+
    .igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
+
        color:#F8CE63;
+
        padding:15px 0 25px 0;
+
        border-bottom: 0;
+
    }
+
 
+
    /* styling for the titles  h3 h4 h5 h6*/
+
    .igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {
+
        padding:5px 15px;
+
        border-bottom:0;
+
    }
+
 
+
    /* font and text */
+
    .igem_2017_content_wrapper p {
+
        padding: 15px 0;
+
        font-size: 16px;
+
    }
+
    .igem_2017_content_wrapper img {
+
        padding: 15px 0;
+
    }
+
 
+
    /* Links */
+
    .igem_2017_content_wrapper a {
+
        font-weight: bold;
+
        text-decoration: underline;
+
        text-decoration-color: #190707;
+
        color:  #3399ff;
+
        -webkit-transition: all 0.4s ease;
+
        -moz-transition: all 0.4s ease;
+
        -ms-transition: all 0.4s ease;
+
        -o-transition: all 0.4s ease;
+
        transition: all 0.4s ease;
+
    }
+
 
+
    /* hover for the links */
+
    .igem_2017_content_wrapper a:hover {
+
        text-decoration:none;
+
        color:#000000;
+
    }
+
 
+
    /* non numbered lists */
+
    .igem_2017_content_wrapper ul {
+
        padding:0px 20px;
+
        font-size: 15px;
+
        font-family:Tahoma, Geneva, sans-serif;
+
    }
+
 
+
    /* numbered lists */
+
    .igem_2017_content_wrapper ol {
+
        padding:0px;
+
        font-size: 15px;
+
        font-family:Tahoma, Geneva, sans-serif;
+
    }
+
 
+
    /* Table */
+
    .igem_2017_content_wrapper table {
+
        width: 97%;
+
        margin:15px 10px;
+
        border: 2px solid #190707;
+
        border-collapse: collapse;
+
        background: url("https://static.igem.org/mediawiki/2017/4/46/LightupthepipeTEAMSTUtt.png");
+
    }
+
 
+
    /* table cells */
+
    .igem_2017_content_wrapper  td {
+
        padding: 10px;
+
        vertical-align: text-top;
+
        border: 1px solid #190707;
+
        border-collapse: collapse;
+
    }
+
 
+
    /* table headers */
+
    .igem_2017_content_wrapper th {
+
        padding: 10px;
+
        vertical-align: text-top;
+
        border: 1px solid #190707;
+
        border-collapse: collapse;
+
       
+
    }
+
 
+
 
+
    /**********************************LAYOUT CLASSES **********************************/
+
 
+
    /* general class for column divs */
+
    .igem_2017_content_wrapper .column  {
+
        padding: 10px 0px;
+
        float:left;
+
    }
+
 
+
    /* class for a full width column */
+
    .column .full_size {
+
        width:100%;
+
    }
+
 
+
    /* styling for images in a full width column*/
+
    .column.full_size img {
+
        width:97%;
+
        padding: 10px 15px;
+
    }
+
 
+
    /* class for a half width column */
+
    .column.half_size {
+
        width: 50%;
+
    }
+
    /* styling for images in a half width column*/
+
    .column.half_size img {
+
        width: 94.5%;
+
        padding: 10px 15px;
+
    }
+
 
+
 
+
 
+
 
+
    /********************************* SUPPORT CLASSES ********************************/
+
 
+
    /* class that clears content below*/
+
    .igem_2017_content_wrapper .clear {
+
        clear:both;
+
    }
+
 
+
 
+
    /* adds extra spacing when clearing content */
+
    .igem_2017_content_wrapper  .clear.extra_space {
+
        height: 30px;
+
    }
+
 
+
 
+
    /* highlight class, makes content slightly smaller */
+
    .igem_2017_content_wrapper .highlight {
+
        margin: 0px 15px;
+
        padding: 15px 0px;
+
    }
+
 
+
 
+
    /* highlight class, adds a gray background */
+
    .igem_2017_content_wrapper .highlight.gray {
+
        background-color: #190707;
+
    }
+
 
+
    /* highlight with decoration blue line on top */
+
    .igem_2017_content_wrapper .highlight.blue_top {
+
        border-top: 4px solid #190707;
+
    }
+
 
+
    /* highlight with a full blue border decoration */
+
    .igem_2017_content_wrapper .highlight.blue_border {
+
        border: 4px solid  #190707;
+
    }
+
 
+
 
+
    /* button class */
+
    .igem_2017_content_wrapper .button{
+
        max-width: 35%;
+
        margin: 30px auto;
+
        padding: 12px 10px;
+
        background-color: #190707;
+
        text-align: center;
+
        color: #F8CE63;
+
        -webkit-transition: all 0.4s ease;
+
        -moz-transition: all 0.4s ease;
+
        -ms-transition: all 0.4s ease;
+
        -o-transition: all 0.4s ease; transition: all 0.4s ease;
+
    }
+
 
+
    /* styling for button on hover */
+
    .igem_2017_content_wrapper .button:hover{
+
        background-color: #190707;
+
        color: #F8CE63;
+
    }
+
 
+
 
+
 
+
 
+
    /***************************************************** RESPONSIVE STYLING ****************************************************/
+
 
+
    /* IF THE SCREEN IS LESS THAN 1200PX */
+
    @media only screen and (max-width: 1200px) {
+
 
+
        #content {width:100%; }
+
        .igem_2017_menu_wrapper {width:15%; right:0;}
+
        .highlight {padding:10px 0px;}
+
        .igem_2017_menu_wrapper #display_menu_control { display:none; }
+
        #menu_content { display:block;}
+
        .menu_button.direct_to_page {padding-left: 17px;}
+
 
+
    }
+
 
+
    /* IF THE SCREEN IS LESS THAN 800PX */
+
    @media only screen and (max-width: 800px) {
+
 
+
        .igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}
+
        .igem_2017_content_wrapper {width:100%; margin-left:0px;}
+
        .column.half_size  {width:100%; }
+
        .column.full_size img, .column.half_size img {  width: 100%; padding: 10px 0px;}
+
        .highlight {padding:15px 5px;}
+
        .igem_2017_menu_wrapper #display_menu_control { display:block; }
+
        #menu_content { display:none;}
+
        .igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; }
+
        .menu_bottom_padding {display:none;}
+
        .menu_button.direct_to_page { padding-left: 36px; }
+
    }
+
 
+
 
+
 
+
 
+
    /* special class that the system uses to make sure the team wants a page to be evaluated */
+
    .judges-will-not-evaluate {
+
        width: 96.6%;
+
        margin: 5px 15px;
+
        display: block;
+
        border: 4px solid #3399ff;
+
        font-weight: bold;
+
    }
+
 
+
</style>
+
 
+
 
+
<!--- THIS IS WHERE THE HTML BEGINS --->
+
 
+
<head>
+
 
+
    <!-- This tells the browser that your page is responsive -->
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
 
+
</head>
+
 
+
 
+
<!--MENU-->
+
<div class="igem_2017_menu_wrapper" >
+
 
+
 
+
 
+
    <a href="https://2017.igem.org/Team:Stuttgart">
+
        <img src="https://static.igem.org/mediawiki/2017/4/45/Bildschirmfoto_2017-10-17_um_14.23.20.png">
+
    </a>
+
 
+
 
+
    <!-- this div is hidden by default and will only be displayed if the screen size is too small -->
+
    <div class="menu_button" id="display_menu_control">
+
        MENU
+
 
     </div>
 
     </div>
 +
  </div>
  
    <div id="menu_content">
+
  <div class="row section">
 +
  <div class="col-xs-12 col-sm-12 col-md-12">
 +
<p>
 +
Due to the fact that there is almost no data available of our enzymes and systems in the literature
 +
we focused our work on the 2<sup>nd</sup> block. Nevertheless, all three blocks are functionally set up and can
 +
be used right away if the needed data is available. To verify our code, we use literature data of a
 +
keratinase from <i>D. microsporus</i> (4) for all three types of enzymes.
 +
The optimizer was set in two different ways: Either the amount of keratinase degraded product
 +
gets maximized or the time to obtain 10% keratinase degraded hair is minimized.
 +
We assume that the enzyme concentrations remain constant throughout the whole simulation process.
 +
</p>
 +
</div>
 +
</div>
  
 +
<h1 align=middle>Results and discussion</h1>
 +
<p>
  
 +
  <div class="row section">
 +
  <div class="col-xs-12 col-sm-6 col-md-6">
 +
  <div class="thumb tleft">
 +
    <div class="thumbinner" style="width:;">
 +
<a href="https://static.igem.org/mediawiki/2017/c/c3/Product_concentrations.png" class="image">
 +
  <img alt="" src="https://static.igem.org/mediawiki/2017/c/c3/Product_concentrations.png"  class="img-responsive" />
 +
</a> 
 +
<div class="thumbcaption">
 +
  <div class="magnify">
 +
    <a href="https://static.igem.org/mediawiki/2017/c/c3/Product_concentrations.png" class="internal" title="Enlarge">
 +
      <img src="/wiki/skins/common/images/magnify-clip.png" width="15" height="11" alt="" />
 +
</a>
 +
</div>
 +
<b>Figure 3: Time series for hair concentrations in different degradation modes with equal enzyme parameters (K<sub>m</sub>=1.03 mM, k<sub>cat</sub>=8.8 s<sup>-1</sup>).
 +
As the resuolution for the time courses for esterase and lipase degraded hair is not optimal their time courses are depiced in seperate figures. </b> 
 +
</div>
 +
</div>
 +
</div>
 +
</div>
  
 +
<div class="col-xs-12 col-sm-6 col-md-6">
 +
<div class="thumb tleft">
 +
  <div class="thumbinner" style="width:;">
 +
<a href="https://static.igem.org/mediawiki/2017/5/53/Lipase_degraded_hair.png" class="image">
 +
  <img alt="" src="https://static.igem.org/mediawiki/2017/5/53/Lipase_degraded_hair.png" class="img-responsive" />
 +
</a> 
 +
<div class="thumbcaption">
 +
  <div class="magnify">
 +
    <a href="https://static.igem.org/mediawiki/2017/5/53/Lipase_degraded_hair.png" class="internal" title="Enlarge">
 +
      <img src="/wiki/skins/common/images/magnify-clip.png" width="15" height="11" alt="" />
 +
</a>
 +
</div>
 +
<b>Figure 4:Time course of lipase degraded hair resembling the Michaelis-Menten kinetic saturation curve. As there is no substrate (hair without lipid) at the beginning and later only small amounts K<sub>m</sub> becomes more important. </b> 
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div class="row section">
 +
<div class="col-xs-12 col-sm-6 col-md-6">
 +
<div class="thumb tleft">
 +
  <div class="thumbinner" style="width:;">
 +
<a href="https://static.igem.org/mediawiki/2017/b/b9/Esterase_degraded_hair.png" class="image">
 +
  <img alt="" src="https://static.igem.org/mediawiki/2017/b/b9/Esterase_degraded_hair.png" class="img-responsive"/>
 +
</a> 
 +
<div class="thumbcaption">
 +
  <div class="magnify">
 +
    <a href="https://static.igem.org/mediawiki/2017/b/b9/Esterase_degraded_hair.png" class="internal" title="Enlarge">
 +
      <img src="/wiki/skins/common/images/magnify-clip.png" width="15" height="11" alt="" />
 +
</a>
 +
</div>
 +
<b>Figure 5:Time course of esterase degraded hair resembling the Michaelis-Menten kinetic saturation curve.</b> 
 +
</div>
 +
</div>
 +
</div>
 +
</div>
  
        <a href="https://2017.igem.org/Team:Stuttgart">
+
            <div class="menu_button direct_to_page">
+
<div class="col-xs-12 col-sm-6 col-md-6">
                HOME
+
<div class="thumb tleft">
            </div>
+
  <div class="thumbinner" style="width:;">
        </a>
+
<a href="https://static.igem.org/mediawiki/2017/f/f2/Keratinase_degraded_hair.png" class="image">
 +
  <img alt="" src="https://static.igem.org/mediawiki/2017/f/f2/Keratinase_degraded_hair.png" class="img-responsive" />
 +
</a> 
 +
<div class="thumbcaption">
 +
  <div class="magnify">
 +
    <a href="https://static.igem.org/mediawiki/2017/f/f2/Keratinase_degraded_hair.png" class="internal" title="Enlarge">
 +
      <img src="/wiki/skins/common/images/magnify-clip.png" width="15" height="11" alt="" />
 +
</a>
 +
</div>
 +
<b>Figure 6: Keratinase degraded hair accumulates linear, as in this simplified model variant it is not further used to build rose scent. </b> 
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
  
 +
</p>
  
 +
<div class="row section">
 +
<div class="col-xs-12 col-sm-12 col-md-12">
 +
<p>
 +
As the substrate is available in excess K<sub>m</sub> in the fraction plays a minor role in the first degradation step.
 +
In the following degradation steps the substrate is limited. Therefore,
 +
K<sub>m</sub> becomes more important leading to saturation curve known from Michaelis-Menten kinetics.
 +
K<sub>cat</sub> as well as K<sub>m</sub> are specific enzyme properties that is why we can only vary
 +
the enzyme concentration in our system. If the same enzyme values are assumed for all three of them,
 +
the maximal degradation is always reached with maximal possible enzyme concentrations.
 +
In contrast, if there is a bottle neck right in the beginning, meaning that there is little lipase and/ or
 +
lipase with low activity and comparatively a lot more esterases and keratinases available,
 +
the result is that the difference between the degradation rates can be neglected.
 +
In this case it makes sense to use less esterases and keratinases compared to lipases.
 +
Thereby, a higher efficiency of our biological drain cleaner is achieved whilst ensuring cost reduction at the same time.
 +
Because of the assumption of constant enzyme concentrations our results can be logically deducted from the rate equation.
 +
However, for dynamic enzyme concentrations meaning that the 1st modelling block is included in the simulation it can get very complex.
 +
Our optimizer is designed to deal with this task. In case of available data our mathematical model can be used right away
 +
as all three blocks are functionally set up.
  
        <div class="menu_button">
+
</p>
            <div class="expand_collapse_icon">  </div> TEAM
+
</div>
        </div>
+
</div>
  
        <div class="submenu_wrapper" id="team_submenu">
+
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<div class="row section">
 +
    <div class="col-xs-12 col-sm-12 col-md-12">
 +
<foot>
 +
  <p>REFERENCES
 +
<ol>
 +
<li>Biomolecular Feedback Systems (2014),Domitilla Del Vecchio and Richard M. Murray </li>
 +
<li>Towards the Identification of Type II Secretion Signals in a Nonacylated Variant of Pullulanase from <i>Klebsiella oxytoca</i> (2005), Olivera Francetić and Anthony P. Pugsley.</li>
 +
<li>  Chemical and Physical Behavior of Human Hair (2012), Clarence R. Robbins </li>
 +
<li> Comparison of Keratinases of <i>Paecilomyces marquandii</i> and <i>Doratomyces microsporus</i> to Some Known Proteases (2005), Gradisar et al. </li>
 +
</ol>
 +
</foot>
 +
</div>
 +
</div>
  
            <a href="https://2017.igem.org/Team:Stuttgart/Team">
 
                <div class="submenu_button" id="Team_page">
 
                    Team
 
                </div>
 
            </a>
 
  
            <a href="https://2017.igem.org/Team:Stuttgart/Collaborations">
+
</div>
                <div class="submenu_button"  id="Collaborations_page">
+
                    Collaborations
+
                </div>
+
            </a>
+
  
  
        </div>
 
  
  
Line 509: Line 409:
  
  
        <div class="menu_button">
+
</html>
            <div class="expand_collapse_icon">  </div> PROJECT
+
        </div>
+
 
+
        <!-- project submenu -->
+
        <div class="submenu_wrapper">
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/Description">
+
                <div class="submenu_button"  id="Description_page">
+
                    Description
+
                </div>
+
            </a>
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/Design">
+
                <div class="submenu_button"  id="Design_page">
+
                    Design
+
                </div>
+
            </a>
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/Experiments">
+
                <div class="submenu_button"  id="Experiments_page">
+
                    Experiments
+
                </div>
+
            </a>
+
 
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/Notebook">
+
                <div class="submenu_button"  id="Notebook_page">
+
                    Notebook
+
                </div>
+
            </a>
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/InterLab">
+
                <div class="submenu_button"  id="InterLab_page">
+
                    InterLab
+
                </div>
+
            </a>
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/Contribution">
+
                <div class="submenu_button"  id="Contribution_page">
+
                    Contribution
+
                </div>
+
            </a>
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/Model">
+
                <div class="submenu_button"  id="Model_page">
+
                    Model
+
                </div>
+
            </a>
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/Results">
+
                <div class="submenu_button"  id="Results_page">
+
                    Results
+
                </div>
+
            </a>
+
 
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/Demonstrate">
+
                <div class="submenu_button"  id="Demonstrate_page">
+
                    Demonstrate
+
                </div>
+
            </a>
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/Improve">
+
                <div class="submenu_button"  id="Improve_page">
+
                    Improve
+
                </div>
+
            </a>
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/Attributions">
+
                <div class="submenu_button"  id="Attributions_page">
+
                    Attributions
+
                </div>
+
            </a>
+
 
+
        </div>
+
 
+
 
+
 
+
 
+
 
+
 
+
        <div class="menu_button">
+
            <div class="expand_collapse_icon">  </div> PARTS
+
        </div>
+
 
+
        <!-- parts submenu -->
+
        <div class="submenu_wrapper">
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/Parts">
+
                <div class="submenu_button"  id="Parts_page">
+
                    Parts
+
                </div>
+
            </a>
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/Basic_Part">
+
                <div class="submenu_button"  id="Basic_Part_page">
+
                    Basic Parts
+
                </div>
+
            </a>
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/Composite_Part">
+
                <div class="submenu_button"  id="Composite_Part_page">
+
                    Composite Parts
+
                </div>
+
            </a>
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/Part_Collection">
+
                <div class="submenu_button"  id="Part_Collection_page">
+
                    Part Collection
+
                </div>
+
            </a>
+
        </div>
+
 
+
 
+
 
+
 
+
 
+
 
+
        <a href="https://2017.igem.org/Team:Stuttgart/Safety">
+
            <div class="menu_button direct_to_page">
+
                SAFETY
+
            </div>
+
        </a>
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
        <div class="menu_button" >
+
            <div class="expand_collapse_icon">  </div> HUMAN PRACTICES
+
        </div>
+
 
+
        <!-- human practices submenu -->
+
        <div class="submenu_wrapper">
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/HP/Silver">
+
                <div class="submenu_button"  id="Silver_page">
+
                    Silver HP
+
                </div>
+
            </a>
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/HP/Gold_Integrated">
+
                <div class="submenu_button" id="Gold_Integrated_page">
+
                    Integrated and Gold
+
                </div>
+
            </a>
+
 
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/Engagement">
+
                <div class="submenu_button"  id="Engagement_page">
+
                    Public Engagement
+
                </div>
+
            </a>
+
 
+
        </div>
+
 
+
 
+
        <div class="menu_button">
+
            <div class="expand_collapse_icon">  </div> AWARDS
+
        </div>
+
 
+
        <!-- awards submenu -->
+
        <div class="submenu_wrapper">
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/Applied_Design">
+
                <div class="submenu_button"  id="Applied_Design_page">
+
                    Applied Design
+
                </div>
+
            </a>
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/Entrepreneurship">
+
                <div class="submenu_button"  id="Entrepreneurship_page">
+
                    Entrepreneurship
+
                </div>
+
            </a>
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/Hardware">
+
                <div class="submenu_button"  id="Hardware_page">
+
                    Hardware
+
                </div>
+
            </a>
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/Measurement">
+
                <div class="submenu_button"  id="Measurement_page">
+
                    Measurement
+
                </div>
+
            </a>
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/Model">
+
                <div class="submenu_button"  id="Model_page">
+
                    Model
+
                </div>
+
            </a>
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/Plant">
+
                <div class="submenu_button"  id="Plant_page">
+
                    Plant
+
                </div>
+
            </a>
+
 
+
 
+
            <a href="https://2017.igem.org/Team:Stuttgart/Software">
+
                <div class="submenu_button"  id="Software_page">
+
                    Software
+
                </div>
+
            </a>
+
 
+
        </div>
+
 
+
        <a href="https://igem.org/2017_Judging_Form?team=Stuttgart">
+
            <div class="menu_button direct_to_page">
+
                JUDGING FORM
+
            </div>
+
        </a>
+
 
+
 
+
 
+
        <div class="menu_bottom_padding" >
+
        </div>
+
 
+
    </div>
+
 
+
 
+
 
+
 
+
</div>
+
 
+
 
+
<!-- start of content -->
+
<div class="igem_2017_content_wrapper">
+
 
+
    <h1 align=middle>Model</h1>
+
<table>
+
<td bgcolor=#F8CE63>
+
    <p>Our modelling process considers three successional blocks: The first one describes the synthesis and  excretion of the desired enzymes, this is followed by the hair and lipid degradation block and the last one depicts the synthesis of the rose scent. The modelling and simulation team aims to describe the whole system with an equational system which characterizes the intracellular and extracellular concentration time courses of all enzymes, the degradation time courses as well as the produced rose scent. In order to find the best enzyme composition for the maximal hair and lipid breakdown in a specific time period the 2nd modelling block is used to perform an optimization by the method of least square. Finally, we want to examine the system’s sensitivity to fluctuations in temperature and pH value.
+
    <br>
+
    <img src="https://static.igem.org/mediawiki/2017/6/68/TeamStuttgart_Schema2.jpeg"/ hspace=30>
+
    </p>
+
</td>
+
</table>
+
</div>
+

Latest revision as of 21:12, 15 December 2017

Modelling

The modelling and simulation team aims to describe the whole system with an equational system which characterizes the expression and secretion of all enzymes, the degradation time courses as well as the produced rose scent. In order to find the best enzyme composition for the maximal hair and lipid breakdown in a specific time period the 2nd modelling block is used to perform an optimization.

Figure 1: Our modelling process considers three successional blocks: The first one describes the expression and secretion of the desired enzymes, this is followed by the hair and lipid degradation block and the last one depicts the synthesis of the rose scent.

Assumptions

Block 1

We use a simplified formula [1] from the book Biomolecular Feedback Systems(1) to describe the enzyme expression:

α : mRNA production rate of enzyme E

δ : mRNA degradation rate

κ : mRNA translation rate

γ : degradation rate

The dynamics of the enzymes production is dependant on the building rate, which depends on mRNA dynamics, and its degradation rate γ. The expression is followed by the enzyme secretion which can be depicted as follows (2)[2]:

rsecretion : secretion rate

[enzyme] : enzyme concentration

s : secretion efficency

t : time

The secretion depends on the secretion efficency, which is a value between zero and one (2). Secreted Enzymes can degrade Hair, which is modelled in Block 2.

Block 2

As the kinetics of our lipases, esterases and keratinases are not well characterized in the literature, we use the simple Michaelis-Menten formula [3] to describe the enzymes’ kinetics.

Furthermore, there exists no knowledge on the interaction of these three types of enzymes that is why we assumed that lipases, esterases and keratinases do not interfere with each other. Human hair is built up of proteins, lipids, water, trace elements and pigments. The protein or keratin proportion depicts 80% by weight and lipids constitute 5% by weight(3). For simplification, we assumed that the lipids of hair can be found only on its outside, conjecting that the hair degradation occurs in a sequential manner: First, the lipases must start breaking down the lipids, before esterases can continue with the lipid degradation, finally keratinases break down keratin, which has to be free of any lipids otherwise no keratin degradation is possible. As we cannot know size of the blockage, consequently, we have no knowledge about the contained hair amount, we modelled with an excess of hair compared to the used enzyme amount. Furthermore, we assume that only undegraded hair can be found in the blockage at the beginning. The simulation is carried out for a time period of 12 h as the aim is to clear the blockage over night.

Block 3

The amino acid phenylalanine, which is a by-product of the hair degradation with 1.3% by weight(3), is then used as substrate for the synthesis of 2-phenylethylacetate which has a rose like odor. The expression of the therefor needed enzymes is described by formula [1] and the Michaelis-Menten formula [3] can be used to depict their kinetics.

Modelling Setup

The model was first set up in Simulink, which is an easy clickable graphical surface for implementing simulations. Figure 2 shows the three building blocks for our model in Simulink. The functions in the second block follow the interaction graph:

The equations derived from the interaction graph with assumption of Michaelis-Menten kinetiks [3,4] are as follows:

At first hair with lipids (H_wl) is degraded by lipases to hair without lipids (H_wol), which is then degraded via esterases to esterase degraded hair (H_est). H_est is is further consumed by keratinases to keratinase degraded hair (H_ker).

Figure 2: System overview of the via Simulink(R) designed Model for optimal hair degradation.

The Simulink model files can be downloaded here. Each block contains functions and interactions with another. Over time there is enzyme expressed and secreted, which then degrades hair. A part of the degradation product then is used to produce a rose scent.

For people, who do not want to use Simulink, ther is also a sole matlab model of Block 2 available.

The files for the optimization of Block 2 are provided here as .zip (and as .m files: 1, 2 3, 4)

Due to the fact that there is almost no data available of our enzymes and systems in the literature we focused our work on the 2nd block. Nevertheless, all three blocks are functionally set up and can be used right away if the needed data is available. To verify our code, we use literature data of a keratinase from D. microsporus (4) for all three types of enzymes. The optimizer was set in two different ways: Either the amount of keratinase degraded product gets maximized or the time to obtain 10% keratinase degraded hair is minimized. We assume that the enzyme concentrations remain constant throughout the whole simulation process.

Results and discussion

Figure 3: Time series for hair concentrations in different degradation modes with equal enzyme parameters (Km=1.03 mM, kcat=8.8 s-1). As the resuolution for the time courses for esterase and lipase degraded hair is not optimal their time courses are depiced in seperate figures.
Figure 4:Time course of lipase degraded hair resembling the Michaelis-Menten kinetic saturation curve. As there is no substrate (hair without lipid) at the beginning and later only small amounts Km becomes more important.
Figure 5:Time course of esterase degraded hair resembling the Michaelis-Menten kinetic saturation curve.
Figure 6: Keratinase degraded hair accumulates linear, as in this simplified model variant it is not further used to build rose scent.

As the substrate is available in excess Km in the fraction plays a minor role in the first degradation step. In the following degradation steps the substrate is limited. Therefore, Km becomes more important leading to saturation curve known from Michaelis-Menten kinetics. Kcat as well as Km are specific enzyme properties that is why we can only vary the enzyme concentration in our system. If the same enzyme values are assumed for all three of them, the maximal degradation is always reached with maximal possible enzyme concentrations. In contrast, if there is a bottle neck right in the beginning, meaning that there is little lipase and/ or lipase with low activity and comparatively a lot more esterases and keratinases available, the result is that the difference between the degradation rates can be neglected. In this case it makes sense to use less esterases and keratinases compared to lipases. Thereby, a higher efficiency of our biological drain cleaner is achieved whilst ensuring cost reduction at the same time. Because of the assumption of constant enzyme concentrations our results can be logically deducted from the rate equation. However, for dynamic enzyme concentrations meaning that the 1st modelling block is included in the simulation it can get very complex. Our optimizer is designed to deal with this task. In case of available data our mathematical model can be used right away as all three blocks are functionally set up.





REFERENCES

  1. Biomolecular Feedback Systems (2014),Domitilla Del Vecchio and Richard M. Murray
  2. Towards the Identification of Type II Secretion Signals in a Nonacylated Variant of Pullulanase from Klebsiella oxytoca (2005), Olivera Francetić and Anthony P. Pugsley.
  3. Chemical and Physical Behavior of Human Hair (2012), Clarence R. Robbins
  4. Comparison of Keratinases of Paecilomyces marquandii and Doratomyces microsporus to Some Known Proteases (2005), Gradisar et al.