Difference between revisions of "Team:NPU-China"

 
(142 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{NPU-China/mmp}}
 
{{NPU-China/mmp}}
 
<html lang="en">
 
<html lang="en">
 +
 
<head>
 
<head>
<!-- Bootstrap Core CSS -->
+
    <!-- Bootstrap Core CSS -->
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
+
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  
<!-- Custom CSS -->
+
    <!-- Custom CSS -->
<link href="https://2017.igem.org/Template:NPU-China/css?action=raw&ctype=text/css" rel="stylesheet">
+
    <link href="https://2017.igem.org/Template:NPU-China/css?action=raw&ctype=text/css" rel="stylesheet">
  
<!-- Custom Fonts -->
+
    <!-- Custom Fonts -->
<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
+
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
  
<!-- jQuery -->  
+
    <!-- jQuery -->
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>  
+
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
  
<!-- Bootstrap Core JavaScript -->  
+
    <!-- Bootstrap Core JavaScript -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>  
+
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
+
    <!--[if lt IE 9]>
 
         <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
 
         <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
 
         <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 
         <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 
     <![endif]-->
 
     <![endif]-->
<style>
+
    <style>
#home_logo, #sideMenu { display:none; }
+
    </style>
<!--#sideMenu, #top_title, .patrollink  {display:none;}-->
+
#content { width:100%; padding:0px;  margin-top:0px; margin-left:0px;}
+
body {background-color:white; margin-top:40px;}
+
 
+
</style>
+
 
</head>
 
</head>
  
Line 35: Line 31:
 
<body>
 
<body>
  
<!-- Navigation -->
+
    <!-- Navigation -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  <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="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
+
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
      <a class="navbar-brand" href="index.html">NPU-China</a>
+
                <a class="navbar-brand" href="https://2017.igem.org/Team:NPU-China">
    </div>
+
                  <img src="https://static.igem.org/mediawiki/2017/2/29/NPU-logo.png" style="max-width:50px;margin-top:-10px;">
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
                </a>
      <ul class="nav navbar-nav navbar-right">
+
            </div>
        <li class="active"> <a href="index.html">Home</a> </li>
+
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team<b class="caret"></b></a>
+
                <ul class="nav navbar-nav navbar-right">
          <ul class="dropdown-menu">
+
                    <li class="active"> <a href="https://2017.igem.org/Team:NPU-China">Home</a> </li>
            <li> <a href="aboutus.html">About us</a> </li>
+
                    <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team<b class="caret"></b></a>
            <li> <a href="portfolio-2-col.html">Attribution</a> </li>
+
                        <ul class="dropdown-menu">
          </ul>
+
                            <li> <a href="https://2017.igem.org/Team:NPU-China/Aboutus">About us</a> </li>
        </li>
+
                            <li> <a href="https://2017.igem.org/Team:NPU-China/Attributions">Attributions</a> </li>
        <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project<b class="caret"></b></a>
+
                        </ul>
          <ul class="dropdown-menu">
+
                    </li>
            <li> <a href="blog-home-1.html">Description</a> </li>
+
                    <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project<b class="caret"></b></a>
            <li> <a href="blog-home-2.html">Experiments</a> </li>
+
                        <ul class="dropdown-menu">
            <li> <a href="blog-post.html">Model</a> </li>
+
                            <li> <a href="https://2017.igem.org/Team:NPU-China/Background">Background</a> </li>
            <li> <a href="blog-home-1.html">Proof of concept</a> </li>
+
                            <li> <a href="https://2017.igem.org/Team:NPU-China/Description">Description</a> </li>
            <li> <a href="blog-home-2.html">Demonstrate</a> </li>
+
                            <li> <a href="https://2017.igem.org/Team:NPU-China/Design">Design</a> </li>
          </ul>
+
                            <li> <a href="https://2017.igem.org/Team:NPU-China/Model">Model</a> </li>
        </li>
+
                            <li> <a href="https://2017.igem.org/Team:NPU-China/Proofofconcept">Proof of concept</a> </li>
        <li> <a href="about.html">Hardware</a> </li>
+
                            <li> <a href="https://2017.igem.org/Team:NPU-China/Demonstrate">Demonstrate</a> </li>
        <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">HP<b class="caret"></b></a>
+
                        </ul>
          <ul class="dropdown-menu">
+
                    </li>
            <li> <a href="full-width.html">Silver</a> </li>
+
                    <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Parts<b class="caret"></b></a>
            <li> <a href="sidebar.html">Gold</a> </li>
+
                        <ul class="dropdown-menu">
          </ul>
+
                            <li> <a href="https://2017.igem.org/Team:NPU-China/BasicParts">Basic Parts</a> </li>
        </li>
+
                            <li> <a href="https://2017.igem.org/Team:NPU-China/CompositeParts">Composite Parts</a> </li>
        <li> <a href="about.html">Collaboration</a> </li>
+
                        </ul>
        <li> <a href="about.html">Achievements</a> </li>
+
                    </li>
        <li> <a href="about.html">Interlab</a> </li>
+
                    <li> <a href="https://2017.igem.org/Team:NPU-China/Hardware">Hardware</a> </li>
       
+
                    <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">HP<b class="caret"></b></a>
        <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Notebook<b class="caret"></b></a>
+
                        <ul class="dropdown-menu">
          <ul class="dropdown-menu">
+
                            <li> <a href="https://2017.igem.org/Team:NPU-China/HP/Silver">Silver</a> </li>
            <li> <a href="portfolio-1-col.html">Labnotes</a> </li>
+
                            <li> <a href="https://2017.igem.org/Team:NPU-China/HP/Gold_Integrated">Gold</a> </li>
            <li> <a href="portfolio-2-col.html">Protocols</a> </li>
+
                        </ul>
          </ul>
+
                    </li>
        </li>
+
                    <li> <a href="https://2017.igem.org/Team:NPU-China/Collaborations">Collaborations</a> </li>
      </ul>
+
                    <li> <a href="https://2017.igem.org/Team:NPU-China/Achievements">Achievements</a> </li>
    </div>
+
                    <li> <a href="https://2017.igem.org/Team:NPU-China/InterLab">InterLab</a> </li>
  </div>
+
</nav>
+
  
<!-- Header Carousel -->
+
                    <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Notebook<b class="caret"></b></a>
<header id="myCarousel" class="carousel slide">  
+
                        <ul class="dropdown-menu">
  <!-- Indicators -->
+
                            <li> <a href="https://2017.igem.org/Team:NPU-China/Labnotes">Labnotes</a> </li>
  <ol class="carousel-indicators">
+
                            <li> <a href="https://2017.igem.org/Team:NPU-China/Protocols">Protocols</a> </li>
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+
                        </ul>
    <li data-target="#myCarousel" data-slide-to="1"></li>
+
                    </li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
+
                </ul>
  </ol>
+
            </div>
 
+
        </div>
  <!-- Wrapper for slides -->
+
    </nav>
<div class="carousel-inner">
+
<div class="item active">
+
<img src="http://placehold.it/1920x1000"  alt="First slide">
+
<div class="carousel-caption">First slide</div>
+
</div>
+
<div class="item">
+
<img src="http://placehold.it/1920x1000"  alt="Second slide">
+
<div class="carousel-caption">Second slide</div>
+
</div>
+
<div class="item">
+
<img src="http://placehold.it/1920x1000"  alt="Third slide">
+
<div class="carousel-caption">Third slide</div>
+
</div>
+
</div>
+
 
+
  <!-- Controls -->
+
  <a class="left carousel-control" href="#myCarousel" data-slide="prev"> <span class="icon-prev"></span> </a> <a class="right carousel-control" href="#myCarousel" data-slide="next"> <span class="icon-next"></span> </a> </header>
+
  
<!-- Page Content -->
+
    <!-- Header Carousel -->
<div class="container">
+
    <header id="myCarousel" class="carousel slide">
 
+
        <!-- Indicators -->
  <!-- Marketing Icons Section -->
+
        <div class="carousel-indicators">
  <div class="row">
+
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <div class="col-lg-12">
+
            <li data-target="#myCarousel" data-slide-to="1"></li>
      <h1 class="page-header"> Nice to meet you </h1>
+
            <li data-target="#myCarousel" data-slide-to="2"></li>
    </div>
+
    <div class="col-md-4">
+
      <div class="panel panel-default">
+
        <div class="panel-heading">
+
          <h4><i class="fa fa-fw fa-check"></i> bulabula</h4>
+
 
         </div>
 
         </div>
         <div class="panel-body">
+
 
          <p>bulabula?bulabula!</p>
+
         <!-- Wrapper for slides -->
          <a href="#" class="btn btn-default">Learn More</a>
+
        <div class="carousel-inner">
        </div>
+
            <div class="item active">
      </div>
+
                <img src="https://static.igem.org/mediawiki/2017/1/1f/Npu-banner1.jpg">
    </div>
+
 
    <div class="col-md-4">
+
            </div>
      <div class="panel panel-default">
+
            <div class="item">
        <div class="panel-heading">
+
                <img src="https://static.igem.org/mediawiki/2017/0/06/Npu-banner3.jpg">
          <h4><i class="fa fa-fw fa-gift"></i>bulabula</h4>
+
            </div>
        </div>
+
            <div class="item">
        <div class="panel-body">
+
                <img src="https://static.igem.org/mediawiki/2017/2/28/Npu-banner2.jpg">
          <p>bulabula?bulabula!</p>
+
            </div>
          <a href="#" class="btn btn-default">Learn More</a>
+
        </div>
+
      </div>
+
    </div>
+
    <div class="col-md-4">
+
      <div class="panel panel-default">
+
        <div class="panel-heading">
+
          <h4><i class="fa fa-fw fa-compass"></i>bulabula</h4>
+
 
         </div>
 
         </div>
         <div class="panel-body">
+
         <a class="left carousel-control" href="#myCarousel" data-slide="prev">
          <p>bulabula?bulabula!</p>
+
            <span class="icon-prev"></span>
          <a href="#" class="btn btn-default">Learn More</a>
+
        </a>
        </div>
+
        <a class="right carousel-control" href="#myCarousel" data-slide="next">
      </div>
+
            <span class="icon-next"></span>
    </div>
+
        </a>
  </div>
+
        <!-- Controls -->
  <!-- /.row -->
+
    </header>
 
+
 
  <!-- Portfolio Section -->
+
    <div class="batu" style="background: url('https://static.igem.org/mediawiki/2017/f/fe/Npu-background.png') no-repeat fixed; overflow: hidden;">
  <div class="row">
+
        <!-- Page Content -->
    <div class="col-lg-12">
+
        <div class="container">
      <h2 class="page-header">Some Photo</h2>
+
 
    </div>
+
            <div class="row" style=" padding-top:70px">
    <div class="col-md-4 col-sm-6">
+
                <div class="col-md-12">
      <a href="portfolio-item.html"> <img class="img-responsive img-portfolio img-hover" src="http://placehold.it/700x450" alt=""> </a>
+
                    <h2 class="page-header" align="center" >Abstract</h2>
    </div>
+
                    <h4>Acrylic acid is a bulk chemical raw material, which is widely used in many fields because of its excellent
    <div class="col-md-4 col-sm-6">
+
                        polymerization capacity, such as paint, glue, and even mobile phone screen protective film. The average
      <a href="portfolio-item.html"> <img class="img-responsive img-portfolio img-hover" src="http://placehold.it/700x450" alt=""> </a>
+
                        annual market demand of acrylic acid is up to 8 million tons, and the market value is nearly 10 billion
    </div>
+
                        US dollars, which shows a promising market prospect. At present, acrylic acid is made from propylene (which
    <div class="col-md-4 col-sm-6">
+
                        is obtained by petroleum cracking) after multi-step treatment, resulting in environmental pollution,
      <a href="portfolio-item.html"> <img class="img-responsive img-portfolio img-hover" src="http://placehold.it/700x450" alt=""> </a>
+
                        high energy consumption and a lack of sustainablility.<br><br> This year, we aim to use a greener and more environmentally-
    </div>
+
                        friendly carbon source, glycerol, to achieve all green production of acrylic acid. Compared to traditional
    <div class="col-md-4 col-sm-6">
+
                        chemical synthesis methods, Synbio is relatively greener and more sustainable. Also, glycerol costs less than propene.
      <a href="portfolio-item.html"> <img class="img-responsive img-portfolio img-hover" src="http://placehold.it/700x450" alt=""> </a>
+
                    </h4>
    </div>
+
                 
    <div class="col-md-4 col-sm-6">
+
                </div>
      <a href="portfolio-item.html"> <img class="img-responsive img-portfolio img-hover" src="http://placehold.it/700x450" alt=""> </a>
+
            </div>
    </div>
+
       
    <div class="col-md-4 col-sm-6">
+
            <!-- Marketing Icons Section -->
      <a href="portfolio-item.html"> <img class="img-responsive img-portfolio img-hover" src="http://placehold.it/700x450" alt=""> </a>
+
            <div class="row" style="padding-top:70px">
    </div>
+
                <div class="col-md-12">
  </div>
+
                    <h2 class="page-header" align="center">We constructed our cell factory based on 4 levels, which are—</h2>
  <!-- /.row -->
+
                    <br>
 
+
                </div>
  <!-- Features Section -->
+
            </div>
  <div class="row">
+
 
    <div class="col-lg-12">
+
 
      <h2 class="page-header">Some feihua</h2>
+
    </div>
+
    <div class="col-md-6">
+
      <p>bulabula</p>
+
    </div>
+
    <div class="col-md-6">
+
      <img class="img-responsive" src="http://placehold.it/700x450" alt="">
+
    </div>
+
  </div>
+
  <!-- /.row -->
+
 
+
  <hr>
+
 
+
  <!-- Call to Action Section -->
+
  <div class="well">
+
    <div class="row">
+
      <div class="col-md-8">
+
        <p>bulabula</p>
+
      </div>
+
      <div class="col-md-4">
+
        <a class="btn btn-lg btn-default btn-block" href="#">Call to Action</a>
+
  
      </div>
 
    </div>
 
  </div>
 
  <hr>
 
 
 
  
        <!-- Footer -->
 
        <footer>
 
 
             <div class="row">
 
             <div class="row">
                 <div class="col-lg-12">
+
                 <div class="col-md-6 img-portfolio">
                     <p>Copyright &copy; NPU-CHINA 2017</p>
+
                     <a href="https://2017.igem.org/Team:NPU-China/Design#COREPART">
 +
                        <img class="img-responsive img-hover" src="https://static.igem.org/mediawiki/2017/a/ac/Ceas2.png">
 +
                    </a>
 +
                    <h3 align="center">
 +
                        <a href="https://2017.igem.org/Team:NPU-China/Design#COREPART">Core Part</a>
 +
                    </h3>
 +
                    <h4>We use ceaS2 enzyme as the core part, but acrylic acid is a by-product of ceaS2 enzyme, whose catalytic effect of wild type
 +
                        is very weak with acrylic acid production only 1mg/L. Hence, we hope to improve the catalytic
 +
                        effect of ceaS2 enzyme.<br><br> We designed ceaS2 enzyme mutants via the AEMD(Auto Enzyme Mutation Design)
 +
                        platform and screened for ceaS2 mutants that own better acrylic acid yield by HPLC(High Performance Liquid Chromatography)
 +
                        and HTS(High throughput screening).
 +
                    </h4>
 +
                </div>
 +
                <div class="col-md-6 img-portfolio">
 +
                    <a href="https://2017.igem.org/Team:NPU-China/Design#SYSTEM">
 +
                        <img class="img-responsive img-hover" src="https://static.igem.org/mediawiki/2017/8/85/System.png" alt="">
 +
                    </a>
 +
                    <h3 align="center">
 +
                        <a href="https://2017.igem.org/Team:NPU-China/Design#SYSTEM">System</a>
 +
                    </h3>
 +
                    <h4>Respectively, E. coli and S. cerevisiae are the two sorts of model organisms that are most convenient
 +
                        to operate in the prokaryote and eukaryote. Therefore, in terms of our choice of the chassis organisms,
 +
                        we have E. coli MG1655 and S. cerevisiae BY4741 tested individually.
 +
                    </h4>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
         </footer>
+
            <!-- /.row -->
 +
 
 +
            <!-- Projects Row -->
 +
            <div class="row"  style="padding-top:50px">
 +
                <div class="col-md-6 img-portfolio">
 +
                    <a href="https://2017.igem.org/Team:NPU-China/Design#PATHWAY">
 +
                        <img class="img-responsive img-hover" src="https://static.igem.org/mediawiki/2017/e/ec/Pathway.png" alt="">
 +
                    </a>
 +
                    <h3 align="center">
 +
                        <a href="https://2017.igem.org/Team:NPU-China/Design#PATHWAY">Pathway</a>
 +
                    </h3>
 +
                    <h4>We need to design two different metabolic pathways for two different chassis organisms and propose different
 +
                        optimization schemes. We introduced the ceaS2 enzyme exogenously on the basis of the glycerol
 +
                        metabolism of the two organisms, so that they could produce the target product acrylic acid using the
 +
                        intermediates G3P and DHAP.<br><br> Besides the construction of the pathways, we also reconstructed
 +
                        and optimized the original metabolic pathway to increase the carbon flux rate of the designed pathway
 +
                        and reduced the loss of by-pass carbon flux.</h4>
 +
                </div>
 +
                <div class="col-md-6 img-portfolio">
 +
                    <a href="https://2017.igem.org/Team:NPU-China/Design#PRODUCTION">
 +
                        <img class="img-responsive img-hover" src="https://static.igem.org/mediawiki/2017/6/67/Production2.png" alt="">
 +
                    </a>
 +
                    <h3 align="center">
 +
                        <a href="https://2017.igem.org/Team:NPU-China/Design#PRODUCTION" >Production</a>
 +
                    </h3>
 +
                    <h4>All of the previous processes were applied in building the engineered microorganism strains which have a high production of acrylic
 +
                        acid. In the subsequent fermentation, we also determined the best conditions
 +
                        of the engineered microorganism strains.<br><br> Therefore, we selected to control the carbon source, buffer, temperature, pH
 +
                        and other conditions to optimize the cell production process.</h4>
 +
                </div>
 +
            </div>
 +
         </div>
 +
        <!-- /.container -->
 +
        <img src="https://static.igem.org/mediawiki/2017/0/0c/Jz.png" class="img-responsive">
  
 
     </div>
 
     </div>
     <!-- /.container -->
+
     <!-- /.batu -->
  
  
  
  
 
+
    <!-- Script to Activate the Carousel -->
<!-- Script to Activate the Carousel -->  
+
    <script>
<script>
+
        $('.carousel').carousel({
    $('.carousel').carousel({
+
            interval: 5000 //changes the speed
        interval: 5000 //changes the speed
+
        })
    })
+
    </script>
</script>
+
 
</body>
 
</body>
 +
 
</html>
 
</html>

Latest revision as of 12:52, 1 November 2017

Acrylic acid is a bulk chemical raw material, which is widely used in many fields because of its excellent polymerization capacity, such as paint, glue, and even mobile phone screen protective film. The average annual market demand of acrylic acid is up to 8 million tons, and the market value is nearly 10 billion US dollars, which shows a promising market prospect. At present, acrylic acid is made from propylene (which is obtained by petroleum cracking) after multi-step treatment, resulting in environmental pollution, high energy consumption and a lack of sustainablility.

This year, we aim to use a greener and more environmentally- friendly carbon source, glycerol, to achieve all green production of acrylic acid. Compared to traditional chemical synthesis methods, Synbio is relatively greener and more sustainable. Also, glycerol costs less than propene.


Core Part

We use ceaS2 enzyme as the core part, but acrylic acid is a by-product of ceaS2 enzyme, whose catalytic effect of wild type is very weak with acrylic acid production only 1mg/L. Hence, we hope to improve the catalytic effect of ceaS2 enzyme.

We designed ceaS2 enzyme mutants via the AEMD(Auto Enzyme Mutation Design) platform and screened for ceaS2 mutants that own better acrylic acid yield by HPLC(High Performance Liquid Chromatography) and HTS(High throughput screening).

System

Respectively, E. coli and S. cerevisiae are the two sorts of model organisms that are most convenient to operate in the prokaryote and eukaryote. Therefore, in terms of our choice of the chassis organisms, we have E. coli MG1655 and S. cerevisiae BY4741 tested individually.

Pathway

We need to design two different metabolic pathways for two different chassis organisms and propose different optimization schemes. We introduced the ceaS2 enzyme exogenously on the basis of the glycerol metabolism of the two organisms, so that they could produce the target product acrylic acid using the intermediates G3P and DHAP.

Besides the construction of the pathways, we also reconstructed and optimized the original metabolic pathway to increase the carbon flux rate of the designed pathway and reduced the loss of by-pass carbon flux.

Production

All of the previous processes were applied in building the engineered microorganism strains which have a high production of acrylic acid. In the subsequent fermentation, we also determined the best conditions of the engineered microorganism strains.

Therefore, we selected to control the carbon source, buffer, temperature, pH and other conditions to optimize the cell production process.