Difference between revisions of "Team:UCSC"

Line 1: Line 1:
{{HEADER-FINAL}}
+
{{UCSC-Header}}
{{highcharts}}
+
 
 
<html>
 
<html>
    <head>
+
  <head>
        <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_SVG.js">
+
      <meta name="UCSC IGEM" content="The legendary, UCSC igem Science Superheros">
        </script>
+
        <title>Santa Cruz IGEM</title>
        <script type="text/x-mathjax-config">
+
  </head>
            MathJax.Hub.Config({
+
                SVG: { linebreaks: { automatic: true } }
+
            });
+
        </script>
+
    </head>
+
    <body class="workies">
+
        <center style="background-color:honeydew;">
+
            <h1>Modeling</h1>
+
            <img class=title-image src="https://static.igem.org/mediawiki/2017/d/d9/Model-Icon-Cropped.png">
+
            <div class=quote>Predict and optimize yield</div>
+
            <div align="left">
+
            <h4>Acetaminophen <img class="acetaminophen" src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/29/Paracetamol-skeletal.svg/1200px-Paracetamol-skeletal.svg.png" style="width:168px;height=128px"> </h4>
+
         
+
            <div class=text>
+
                To predict theoretical acetaminophen production, we calculated the amount of its precursor, chorismate, by quantifying its main products, the aromatic amino acids phenylalanine, tyrosine, and tryptophan (FWY).
+
                Since no amino acid composition data was available for Synechococcus, we started by using literature data for the similar cyanobacteria species Spirulina found that between 11 and 13.6 percent of amino acids were aromatics by mass, or between 6.5 and 7.7 molar percent of total protein. Even using the lower aromatic percentages and assuming a third of precursor goes to our pathway, we predict 22.6mg acetaminophen per gram biomass.
+
            </br>
+
            </div>
+
            $$
+
            \frac{0.449\ mmol\ FWY}{1g\  biomass}\approx \frac{0.449\ mmol\ chor.}{1g\ biomass}\rightarrow\frac{1\ mol\ acet.}{3\ mol\ chor.}=\frac{0.15\ mmoles\ acet}{1\ g\ biomass}\times\frac{151.163g\ acet.}{1\ mol\ acet.}=\frac{22.62mg\ acet.}{1g\ biomass}$$
+
            <div class=caption>
+
                An estimate for acetaminophen production using the aromatic amino acid (FWY) composition for Spirulina and assuming one third of the precursor goes to our inserted enzyme, 4ABH.
+
            </div>
+
            </br>
+
            <div class=text>
+
                To further verify our organism's amount of acetaminophen precursor, we ran both the genome and ribosomal protein sequences through a custom Python program converting codons to amino acids and calculating aromatic amino acid molar percentages which resulted in 9.3% and 5.14% respectively. Using our sequence analysis based value of 9.3% and the assumption that our enzymes would take a third of the acetaminophen precursor, we estimate an acetaminophen concentration would be around 18mg per gram dried biomass.
+
            </br>
+
            </div>
+
            $$\frac{0.093\ g\ FYW}{1\ g\ protein}\times\frac{0.6g protein}{1\ biomass}=\frac{0.056\ g\ FYW}{1g\ biomass}\rightarrow\frac{0.37\ mmol\ chor}{1\ g\ biomass}\times\frac{1\ mol\ acet}{3\ mol\ chor}\times\frac{151.163g\ acet}{1\ mol\ acet.}=\frac{18.61mg\ acet.}{1g\ biomass}$$
+
            <div class=caption>
+
                This equation is based on moles of aromatic amino acids calculated by translating the organism's 3MB genome and assuming a third of precursor goes to our pathway.
+
            </div>
+
                $$
+
                \frac{0.051 g\ FYW}{1 g\ protein} * \frac{0.6 g\ protein}{1g\ biomass} = \frac{0.031g\ FWY}{1 g\ biomass} \rightarrow \frac{0.xx\ mmol\ chor}{1 g\ biomass} * \frac{1mol\ acet}{3 mol\ chor} *\frac{151.163}{1 mol\ acet} = \frac{xxxg\ acet}{1 g\ biomass}
+
                $$
+
            <div class= caption>
+
                The choice to use ribosomal proteins as an estimate was due to the fact that ribosomal proteins are highly expessed in cells and would provide an accurate portrayal of the major protein composition in a cell at a given time.
+
            </div>
+
            </br>
+
            <div class=text>
+
                These numbers show that there is likely enough precursor and that acetaminophen production should be within a userful, measurable range of up to 23mg acetaminophen per gram biomass.
+
            </div>
+
            </div>
+
            <div align="left">
+
            <h4>Vitamin B-12<img class="B12-Structure" src="https://static.igem.org/mediawiki/2017/2/2e/B12-Structure.png" style="width:168px;height=128px"></h4>
+
            <div class=text>
+
                Predicting the quantity of active form of B12 produced depends on the success of our metabolic engineering and the quantity of cobalt which binds to our engineered product, the active lower ligand, 5,6-dimethyl-benzimidizole (5,6-DMB).  Cobalt is a limiting factor for growth in many marine environments, limiting formation of B12’s large corrin-ring (1) . Even for species that use abundant adenine to bind to the lower ligand and form pseudo-B12, cobalt supplementation enhances growth and thus is likely the limiting precursor for B12 production. The gene BluB was inserted to enzymatically convert FMNH_2 to our activating lower ligand 5,6-DMB. With this ligand available and our second gene insert, BluB, which preferentially attaches 5,6-DMB to the cobalt, the vast majority of our B-12 should be made in active form. The gene that creates the lower ligand from the FMNH2, Ssue, came from X and had the pTrc promoter rendering it a strong enough producer to prevent 5,6-DMB from being the limiting factor.  Published HPLC results show that that Spirulina produces between 150-250µg pseudo-cobalamin per hundred grams dry weight with the non-human-usable adenine as the lower ligand(1.5).  If we assume our Blub/CobC enzyme complex works as well as it does in its origin organism, as assayed in Microbial Cell Factories paper (2), then research suggests 5,6-DMB has a much higher binding affinity for cobalt and thus nearly all of it will be converted to active-form B12 resulting in a production of almost exactly the Recommended Daily Value of 6µg B12 per 3g serving.
+
  
            </div>
+
<div id="page">
            <h4>Biomass <img class="spirulina_pic" src="https://static.igem.org/mediawiki/2017/5/5c/Spirulina_powder.png" style="width:168px;height=128px"></h4>
+
            <div class=text>
+
                To understand the production capacity of our organism, we aggregated growth data from published papers and all of our lab’s growth data.  Using carrying capacity limited logistic growth curves and linear algebra to fit our equation, we modelled dried biomass and cell count per time, with the additional dependent variables of temperature, light intensity, and starter culture density.
+
            </div>
+
  
 
+
  <div class="headerbox">  
        <div class="row no-gutters justify-content-md-center">
+
<img src="https://2017.igem.org/File:UCSC-Frontpage.png" style="user-drag: none;  
            <div class="col-lg-8">
+
user-select: none;
                <div id="graph"></div>
+
-moz-user-select: none;
            </div>
+
-webkit-user-drag: none;
            <div class="col-md-4">
+
-webkit-user-select: none;
                <div class="butts">
+
-ms-user-select: none;
                    Timescale: <button onclick="MinusDays(); MakeChart();"> < </button>
+
                    <var id="htmlDaysID"></var> days
+
                    <button onclick="PlusDays(); MakeChart();"> > </button>
+
                    </br>
+
 
+
                    Light Intensity: <button onclick="MinusOneLight();MakeChart();"> < </button>
+
                    <var id="htmlIntensityID"></var> &mu;E m<sup>-2</sup> s<sup>-1</sup>
+
                    <button onclick="PlusOneLight(); MakeChart();"> > </button>
+
                    </br>
+
 
+
                    Temperature: <button onclick="MinusOneDegree(); MakeChart();"> < </button>
+
                    <var id="htmlTempID"></var> &#x2103;
+
                    <button onclick="PlusOneDegree(); MakeChart();"> > </button>
+
                    </br>
+
 
+
                    Starting Density: <button id="MinusDensity" onclick="MinusDensity(); MakeChart();"> < </button>
+
                    <var id="htmlDensityID"></var> g biomass/ L
+
                    <button onclick="PlusDensity(); MakeChart();">  > </button>
+
                    </br>
+
                </div>
+
            </div>
+
        </div>
+
        <span class="greenie">
+
            <h3>References</h3>
+
            <center>
+
                <a href= http://onlinelibrary.wiley.com/doi/10.1002/cjce.22154/abstract>Growth optimization of Synechococcus elongatus PCC7942 in lab flasks and a 2-D photobioreactor</a> </br>
+
                <a href= http://ucelinks.cdlib.org:8888/sfx_local?ID=doi:10.1007%2Fs10811-011-9683-2&genre=article&atitle=Carbon%20metabolism%20and%20energy%20conversion%>Carbon metabolism and energy conversion of Synechococcus sp. PCC 7942 under mixotrophic conditions.</a></br>
+
                <a href=https://ndb.nal.usda.gov/ndb/foods/show/3306?fgcd=&manu=&lfacet=&format=Full&count=&max=50&offset=&sort=default&order=asc&qlookup=11667&ds=&qt=&qp=&qa=&qn=&q=&ing=>United States Department of Agriculture Full Nutritional Report, Spirulina</a></br>
+
                <a href=http://onlinelibrary.wiley.com/store/10.1002/jsfa.2740330511/asset/2740330511_ftp.pdf?v=1&t=j7tly39i&s=d889996cde56001a928eced82e3506459f823956>Nutritional Quality of the Blue-Green Alga Spirulina platensis. </a>
+
            </center>
+
        </span>
+
        </center>
+
        </div>
+
    </body>
+
<style>
+
    #page {
+
        background: honeydew;
+
    }
+
    #graph {
+
        /* min-width: 50px;
+
        max-width: 2000px;
+
        min-height: 200px;*/
+
        max-height: 1000;
+
        width: 70%;
+
        height: 500px;
+
        margin: 0 auto;
+
        text-align: left;
+
        background-color: honeydew;
+
    }
+
    body{
+
        text-align: auto;
+
        margin-left: 80px;
+
        margin-right: 80px;
+
        background-color: honeydew !important;
+
    }
+
    h1 {
+
        font-family: 'Quicksand'!important;
+
        font-size: 400%; /*!important*/
+
    }
+
    h4 {
+
        font-family: 'Quicksand'!important;
+
        font-size: 150%; /*!important*/
+
        font-weight: bold;
+
    }
+
    button{
+
        background-color: #cccccc ;
+
        margin: 4px 2px;
+
        font-size: 30px;
+
        border-radius: 10px
+
    }
+
    button:hover{
+
        background-color: #888888 ;
+
        margin: 4px 2px;
+
        font-size: 30px;
+
        border-radius: 10px;
+
        cursor: pointer;
+
    }
+
    button:active{
+
        background-color: #666666 ;
+
        margin: 4px 2px;
+
        font-size: 30px;
+
        border-radius: 1.5cm
+
    }
+
    img.acetaminophen {
+
        position: relative;
+
        top: 0px;
+
    }
+
    img.spirulina_pic {
+
        position: relative;
+
        top: 0px;
+
    }
+
    h3 {
+
    font-family: 'Quicksand' !important;
+
    font-size: 40px !important;
+
    text-align: center;
+
    position:relative;
+
    } 
+
    .text {
+
        font-family: 'Quicksand' !important;
+
 
         width: 100%;
 
         width: 100%;
         padding-left: 0px;
+
         padding: 0px;">
        padding-right: 0px;
+
        font-size: 18px;
+
</div>
 +
</div>
  
    }
+
</html>
    .caption {
+
        width: 100%;
+
        padding-left: 50px;
+
        padding-right: 50px;
+
        text-align: center;
+
    }
+
    .quote {
+
        font-family: 'Quicksand' !important;
+
        font-style: italic !important;
+
        font-size: 40px;
+
    }
+
    .title-image {
+
        width: 10%;
+
        position: relative;
+
        bottom: 10px;
+
    }
+
    .butts{
+
/*        position: relative;
+
        left: 700px;
+
        bottom: 240px;*/
+
        text-align: left !important;
+
        background-color: honeydew;
+
        vertical-align: center;
+
        font-size: 140%;
+
    }
+
    .greenie{
+
        background-color: honeydew;
+
    }
+
    @media (max-width: 1086px) {
+
        #graph {
+
            /*min-width: 200px;
+
            max-width: 800px;
+
            min-height: 200;
+
            max-height: 400px;*/
+
            width: 95%;
+
            margin: 0 auto;
+
            text-align: left;
+
            background-color: honeydew;
+
        }
+
        body{
+
            text-align: auto;
+
            margin-left: 50px;
+
            margin-right: 50px;
+
            background-color: honeydew;
+
        }
+
        h1 {
+
            font-family: 'Quicksand'; /*!important*/
+
            font-size: 300%; /*!important*/
+
        }
+
        .quote {
+
            font-family: 'Quicksand' !important;
+
            font-style: italic !important;
+
            font-size: 30px;
+
        }
+
        h4 {
+
            font-family: 'Quicksand'!important;
+
            font-size: 150%; /*!important*/
+
        }
+
        .title-image {
+
            width: 10%;
+
        }
+
        .caption {
+
            width: 100%;
+
            padding-left: 30px;
+
            padding-right: 30px;
+
            text-align: center;
+
            font-size: 95%;
+
        }
+
        .butts{
+
            font-size: 120%;
+
            text-align: center;
+
            position: relative;
+
            left: 0px;
+
            bottom: 0px;
+
        }
+
    }
+
    @media (max-width: 768px) {
+
        #graph {
+
        /*min-width: 150px;
+
        max-width: 700px;
+
            height: 250;
+
            min-height: 100;*/
+
            max-height: 400px;
+
            width: 85%;
+
            margin: 0 auto;
+
            text-align: center;
+
            background-color: honeydew;
+
        }
+
        body{
+
            text-align: auto;
+
            margin-left: 30px;
+
            margin-right: 30px;
+
            background-color: honeydew;
+
        }
+
        h1 {
+
            font-family: 'Quicksand'; /*!important*/
+
            font-size: 250%; /*!important*/
+
        }
+
        .quote {
+
            font-family: 'Quicksand' !important;
+
            font-style: italic !important;
+
            font-size: 20px;
+
        }
+
        h4 {
+
            font-family: 'Quicksand'!important;
+
            font-size: 130%; /*!important*/
+
        }
+
        .title-image {
+
            width: 15%;
+
        }
+
        .caption {
+
            width: 100%;
+
            padding-left: 10px;
+
            padding-right: 10px;
+
            text-align: center;
+
            font-size: 90%;
+
        }
+
        .butts{
+
            font-size: 110%;
+
            position: relative;
+
            left: 0px;
+
            bottom: 0px;
+
            text-align: center;
+
        }
+
    }
+
    @media (max-width: 576px) {
+
        #graph {
+
            /*min-width: 100px;
+
            max-width: 400px;
+
            min-height: 50;
+
            max-height: 400px;*/
+
            height: 70vw;
+
            width: 95%;
+
            margin: 0 auto;
+
            text-align: center;
+
            background-color: honeydew;
+
        }
+
        body{
+
            text-align: auto;
+
            margin-left: 10px;
+
            margin-right: 10px;
+
            background-color: honeydew;
+
        }
+
        h1 {
+
            font-size: 200%;
+
        }
+
        .quote {
+
            font-family: 'Quicksand' !important;
+
            font-style: italic !important;
+
            font-size: 20px;
+
        }
+
        h4 {
+
            font-family: 'Quicksand'!important;
+
            font-size: 120%; /*!important*/
+
        }
+
        .title-image {
+
            width: 20%;
+
            position: relative;
+
            bottom: 5px;
+
        }
+
        .caption {
+
            width: 100%;
+
            padding-left: 5px;
+
            padding-right: 5px;
+
            text-align: center;
+
            font-size: 80%; /*!important*/
+
        }
+
        .butts{
+
            font-size: 100%;
+
            position: relative;
+
            left: 0px;
+
            bottom: 0px;
+
            text-align: center;
+
        }
+
    }
+
</style>
+
  
<script>
 
    localStorage.jsDaysValue = 10
 
    localStorage.jsIntensityValue = 100
 
    localStorage.jsTempValue = 33
 
    localStorage.jsDensityValue = Number(0.1)
 
 
    document.getElementById("htmlDaysID").innerHTML = localStorage.jsDaysValue;
 
    document.getElementById("htmlIntensityID").innerHTML = localStorage.jsIntensityValue;
 
    document.getElementById("htmlTempID").innerHTML = localStorage.jsTempValue;
 
    document.getElementById("htmlDensityID").innerHTML = localStorage.jsDensityValue;
 
 
    function MinusDays() {
 
        if(localStorage.jsDaysValue>1){
 
            localStorage.jsDaysValue=parseInt(localStorage.jsDaysValue)-1;
 
        }
 
        document.getElementById("htmlDaysID").innerHTML=localStorage.jsDaysValue;
 
    }
 
    function PlusDays() {
 
        localStorage.jsDaysValue=parseInt(localStorage.jsDaysValue)+1;
 
        document.getElementById("htmlDaysID").innerHTML = localStorage.jsDaysValue;
 
    }
 
    function MinusOneLight() {
 
        if(localStorage.jsIntensityValue>10){
 
            localStorage.jsIntensityValue=parseInt(localStorage.jsIntensityValue)-10;
 
        }
 
        document.getElementById("htmlIntensityID").innerHTML=localStorage.jsIntensityValue;
 
    }
 
    function PlusOneLight() {
 
        localStorage.jsIntensityValue=parseInt(localStorage.jsIntensityValue)+10;
 
 
        document.getElementById("htmlIntensityID").innerHTML=localStorage.jsIntensityValue;
 
    }
 
 
    function MinusOneDegree() {
 
        if(localStorage.jsTempValue>1){
 
            localStorage.jsTempValue=parseInt(localStorage.jsTempValue)-1;
 
        }
 
        document.getElementById("htmlTempID").innerHTML=localStorage.jsTempValue;
 
    }
 
    function PlusOneDegree() {
 
        localStorage.jsTempValue=parseInt(localStorage.jsTempValue)+1;
 
        document.getElementById("htmlTempID").innerHTML = localStorage.jsTempValue;
 
    }
 
    function MinusDensity() {
 
        if(localStorage.jsDensityValue>0.15){
 
            localStorage.jsDensityValue=(Number(localStorage.jsDensityValue)-0.1).toFixed(1);
 
    }
 
        document.getElementById("htmlDensityID").innerHTML=localStorage.jsDensityValue;
 
    }
 
    function PlusDensity() {
 
        localStorage.jsDensityValue=(Number(localStorage.jsDensityValue)+0.1).toFixed(1);
 
        document.getElementById("htmlDensityID").innerHTML = localStorage.jsDensityValue;
 
    }
 
 
</script>
 
 
<script src="https://code.highcharts.com/highcharts.src.js"></script>
 
 
<script> //Charting
 
    function MakeChart(){
 
        var yValueArray = []
 
        for(var dayNum=0; dayNum<=localStorage.jsDaysValue; dayNum++){
 
            var myNum = 1/(1+(Math.pow(Math.E,((-1+(Math.abs(localStorage.jsIntensityValue-100)/250))+(Math.abs(localStorage.jsTempValue-33)/9))*dayNum+5)))
 
            //yValueArray.push(myNum);
 
            yValueArray.push(Number(myNum.toFixed(4))+Number(localStorage.jsDensityValue));
 
        }   
 
 
        //document.getElementById("demo").innerHTML = localStorage.jsDensityValue;
 
 
        Highcharts.chart('graph', {
 
 
            title: {
 
                text: ''
 
            },
 
            subtitle: {
 
                text: ''
 
            },
 
            yAxis: {
 
                title: {
 
                    text: 'Grams Dried Biomass per Liter'
 
                }
 
            },
 
            xAxis: {
 
                title: {
 
                    text: 'Days'
 
                }
 
            },
 
            legend: {
 
                layout: 'vertical',
 
                align: 'right',
 
                verticalAlign: 'center'
 
            },
 
            plotOptions: {
 
                series: {
 
                    pointStart: 0
 
                }
 
            },
 
            series: [{
 
                name: 'Synechococcus 7942',
 
                data: yValueArray,
 
            }]
 
        });
 
    }
 
    MakeChart()
 
</script>
 
</html>
 
{{Scroll}}
 
 
{{UCSC-Footer}}
 
{{UCSC-Footer}}

Revision as of 18:38, 6 October 2017

Santa Cruz IGEM