|
|
Line 19: |
Line 19: |
| <img src="https://static.igem.org/mediawiki/2018/b/b3/T--Groningen--banner_overview.png" class="responsive-img"> | | <img src="https://static.igem.org/mediawiki/2018/b/b3/T--Groningen--banner_overview.png" class="responsive-img"> |
| | | |
− |
| |
− |
| |
− |
| |
− | <div class="container" style="background-color: white !important; padding: 0 !important;">
| |
− | <div class="col-lg-12 col-md-12 col-xs-12" style="padding: 0 !important; margin: 0px important!;">
| |
− |
| |
− |
| |
− | <div class="container" style="position: relative; left: -10px; border-left: 5px solid #393939; border-top: 5px solid #393939; padding: 0 !important">
| |
− | <div class="col-lg-12 col-md-12 col-xs-12 content" style="text-align: justify; text-color: #393939 !important; padding: 20px 5px 0px 20px !important; font-weight: bold !important; font-family: 'Open Sans' !important">
| |
− | <div class="header-image" style="width:100%;"><img src="https://static.igem.org/mediawiki/2017/a/ad/T--Heidelberg--Team_Heidelberg_2017_modeling_graphical_abstract.jpg" width="100%" height="auto"> </div>
| |
− |
| |
− | Successful <i>in vivo</i> directed evolution by PREDCEL and PACE requires the thorough consideration of experimental parameters, e.g. phage propagation times, culture dilution rates and inducer/inhibitor concentrations. We employed extensive ODE-based and stochastic modeling to identify the most sensitive parameters and adapt our experiments accordingly. First, we calibrated our models using phage propagation experiments from our wet lab complemented with literature data. Simulations showed that the phage titer is highly sensitive to culture dilution rates. We simulated batch times and transfer volumes for PREDCEL and corresponding flow rates for PACE to determine optimized conditions for gene pool selection while avoiding phage washout. We also estimated phage titer monitoring intervals for cost and labor efficient QC/monitoring as well as inducer/inhibitor concentrations required to express the required mutagenic polymerases. Finally, we provide a web-based, fully interactive modeling platform that not only informed our wet lab experiments, but enables future iGEM teams to efficiently build on our work.
| |
− |
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="col-lg-12 col-md-12 col-xs-12 content" style="display: inline-block; padding-bottom: 10px; padding-top:10px;">
| |
− |
| |
− |
| |
− |
| |
− | <style>
| |
− | .card {
| |
− | padding: 20px 15px;
| |
− | -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
| |
− | -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
| |
− | box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
| |
− | text-align: center;
| |
− | border-left-color: #005493 !important;
| |
− | }
| |
− |
| |
− | .card p {
| |
− | text-align: left;
| |
− | font-size: 20px !important}
| |
− | .card-button {
| |
− | font-family: 'Open Sans' !important;
| |
− | overflow: hidden;
| |
− | width: 100%;
| |
− | position: relative;
| |
− | font-size: 25px !important;
| |
− | /* 20px */
| |
− | font-weight: 400;
| |
− | background-color: #005493;
| |
− | text-overflow: ellipsis;
| |
− | white-space: nowrap;
| |
− | cursor: pointer;
| |
− | display: inline-block;
| |
− | overflow: hidden;
| |
− | color: white !important;
| |
− | padding: 0.625rem 1.25rem;
| |
− | border-left-color: #005493 !important;
| |
− | }
| |
− | .card-button:hover {
| |
− | color: #CFCECE !important;
| |
− | }
| |
− |
| |
− | .equal_height {
| |
− | display: -webkit-flex;
| |
− | display: -ms-flexbox;
| |
− | display: flex;
| |
− | -webkit-flex-wrap: wrap;
| |
− | -ms-flex-wrap: wrap;
| |
− | flex-wrap: wrap;
| |
− | }
| |
− | .equal_height > .col-md-4 {
| |
− | display: -webkit-flex;
| |
− | display: -ms-flexbox;
| |
− | display: flex;
| |
− |
| |
− | }
| |
− | </style>
| |
− |
| |
− | <section class="teaser content equal_height" style="padding-top: 100px;">
| |
− |
| |
− |
| |
− | <div class="col-lg-4 col-md-4 col-xs-12">
| |
− | <div class="card" style="border-left: 10px solid; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-content: stretch; justify-content: center; align-items: flex-start; flex-direction: row;">
| |
− |
| |
− | <img class="card-img-top" src="https://static.igem.org/mediawiki/2017/2/2b/T--Heidelberg--2017_phage-titer-logo.png" width="60%" alt="Card image cap">
| |
− | <div class="card-body">
| |
− | <h4 class="card-title" style="width: 100%;">Phage titer</h4>
| |
− | <p class="card-text content" style="width: 100%;">
| |
− | Simulations of phage and <i>E. coli</i> titer support both PREDCEL and PACE by helping to choose a set of experimental parameters that is both efficient in terms of directed evolution and in terms of usability.</p>
| |
− | </div>
| |
− | <div style="align-self: flex-end; -webkit-align-self: flex-end; width: 100%;">
| |
− | <a href="https://2017.igem.org/Team:Heidelberg/Model/Phage_Titer" class="card-button">Numeric Model
| |
− | </a>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− |
| |
− | <div class="col-lg-4 col-md-4 col-xs-12">
| |
− | <div class="card" style="border-left: 10px solid; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-content: stretch; justify-content: center; align-items: flex-start; flex-direction: row;">
| |
− |
| |
− | <img class="card-img-top" src="https://static.igem.org/mediawiki/2017/e/e3/T--Heidelberg--2017_interactive_tools-logo.png" width="60%" alt="Card image cap">
| |
− | <div class="card-body">
| |
− | <h4 class="card-title" style="width: 100%;">Interactive Webtools</h4>
| |
− | <p class="card-text content" style="width: 100%;">
| |
− | Use the interactive tools to simulate the conditions you are interested in and explore how the combined experimental parameters influence experimental outcomes.</p>
| |
− | </div>
| |
− | <div style="align-self: flex-end; -webkit-align-self: flex-end; width: 100%;">
| |
− | <a href="https://2017.igem.org/Team:Heidelberg/Model/Tools" class="card-button">Overview
| |
− | </a>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− |
| |
− | <div class="col-lg-4 col-md-4 col-xs-12">
| |
− | <div class="card" style="border-left: 10px solid; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-content: stretch; justify-content: center; align-items: flex-start; flex-direction: row;">
| |
− |
| |
− | <img class="card-img-top" src="https://static.igem.org/mediawiki/2017/4/48/T--Heidelberg--2017_mutagenesis-induction-logo.png" width="60%" alt="Card image cap">
| |
− | <div class="card-body">
| |
− | <h4 class="card-title" style="width: 100%;">Mutagenesis Induction</h4>
| |
− | <p class="card-text content" style="width: 100%;">
| |
− | Model the glucose and arabinose concentration to make sure mutagenesis plasmids are sufficiently induced to get optimal mutagenesis conditions for both PREDCEL and PACE.</p><a href="https://2017.igem.org/Team:Heidelberg/Model/Mutagenesis_Induction" class="card-button">Analytic Model</a><p></p><p style="text-align: center !important;"><a href="https://2017.igem.org/Team:Heidelberg/Model/Glucose" class="card-button">Glucose Tool</a></p><p></p>
| |
− | </div>
| |
− | <div style="align-self: flex-end; -webkit-align-self: flex-end; width: 100%;">
| |
− | <a href="https://2017.igem.org/Team:Heidelberg/Model/Arabinose" class="card-button">Arabinose Tool
| |
− | </a>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− |
| |
− | <div class="col-lg-4 col-md-4 col-xs-12">
| |
− | <div class="card" style="border-left: 10px solid; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-content: stretch; justify-content: center; align-items: flex-start; flex-direction: row;">
| |
− |
| |
− | <img class="card-img-top" src="https://static.igem.org/mediawiki/2017/8/8e/T--Heidelberg--2017_lagoon_contamination-logo.png" width="60%" alt="Card image cap">
| |
− | <div class="card-body">
| |
− | <h4 class="card-title" style="width: 100%;">Lagoon Contamination</h4>
| |
− | <p class="card-text content" style="width: 100%;">
| |
− | Check if lagoons are vulnerable to contamination by microorganisms under given experimental conditions.</p><a href="https://2017.igem.org/Team:Heidelberg/Model/Lagoon_Contamination" class="card-button">Analytic Model</a><p></p>
| |
− | </div>
| |
− | <div style="align-self: flex-end; -webkit-align-self: flex-end; width: 100%;">
| |
− | <a href="https://2017.igem.org/Team:Heidelberg/Model/Contamination" class="card-button">Interactive Webtool
| |
− | </a>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− |
| |
− | <div class="col-lg-4 col-md-4 col-xs-12">
| |
− | <div class="card" style="border-left: 10px solid; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-content: stretch; justify-content: center; align-items: flex-start; flex-direction: row;">
| |
− |
| |
− | <img class="card-img-top" src="https://static.igem.org/mediawiki/2017/a/ab/T--Heidelberg--2017_mutation_rate_estimation-logo.png" width="60%" alt="Card image cap">
| |
− | <div class="card-body">
| |
− | <h4 class="card-title" style="width: 100%;">Mutation Rate Estimation</h4>
| |
− | <p class="card-text content" style="width: 100%;">
| |
− | Estimate the number of mutated sequences in a PREDCEL or PACE experiment at a given point in time to check for the covered sequence space and to save time and money when sequencing.</p><a href="https://2017.igem.org/Team:Heidelberg/Model/Mutation_Rate_Estimation" class="card-button">Analytic Model</a><p></p>
| |
− | </div>
| |
− | <div style="align-self: flex-end; -webkit-align-self: flex-end; width: 100%;">
| |
− | <a href="https://2017.igem.org/Team:Heidelberg/Model/Mutation" class="card-button">Interactive Webtool
| |
− | </a>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− |
| |
− | <div class="col-lg-4 col-md-4 col-xs-12">
| |
− | <div class="card" style="border-left: 10px solid; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-content: stretch; justify-content: center; align-items: flex-start; flex-direction: row;">
| |
− |
| |
− | <img class="card-img-top" src="https://static.igem.org/mediawiki/2017/1/13/T--Heidelberg--2017_medium_consumption-logo.png" width="60%" alt="Card image cap">
| |
− | <div class="card-body">
| |
− | <h4 class="card-title" style="width: 100%;">Medium Consumption</h4>
| |
− | <p class="card-text content" style="width: 100%;">
| |
− | Calculate the amount of medium needed for a PACE experiment, see how medium consumption can be reduced when experimental parameters are optimized.</p><a href="https://2017.igem.org/Team:Heidelberg/Model/Medium_Consumption" class="card-button">Analytic Model</a><p></p>
| |
− | </div>
| |
− | <div style="align-self: flex-end; -webkit-align-self: flex-end; width: 100%;">
| |
− | <a href="https://2017.igem.org/Team:Heidelberg/Model/Medium" class="card-button">Interactive Webtool</a>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− |
| |
− | </section>
| |
− |
| |
− |
| |
− | <div class="col-lg-4 col-md-4 col-xs-12">
| |
− | <div class="card" style="border-left: 10px solid; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-content: stretch; justify-content: center; align-items: flex-start; flex-direction: row;">
| |
− |
| |
− | <img class="card-img-top" src="https://static.igem.org/mediawiki/2017/3/38/T--Heidelberg--2017_GUS_PREPARATION_FRAGMENTS.svg" width="60%" alt="Card image cap">
| |
− | <div class="card-body">
| |
− | <h4 class="card-title" style="width: 100%;">Equilibration MD simulations</h4>
| |
− | <p class="card-text content" style="width: 100%;">
| |
− | To assert what effects our mutations entail on protein fold, we performed Molecular Dynamics simulations.</p>
| |
− | </div>
| |
− | <div style="align-self: flex-end; -webkit-align-self: flex-end; width: 100%;">
| |
− | <a href="https://2017.igem.org/Team:Heidelberg/Validation" class="card-button">Software Validation
| |
− | </a>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− |
| |
− |
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
| | | |
| | | |