Difference between revisions of "Team:UIOWA"

 
(57 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
+
{{UIOWA_navbar}}
 
{{UIOWA}}
 
{{UIOWA}}
<head>
 
<link href="https://2016.igem.org/Team:Imperial_College/Resources/CSS:Bootstrap?action=raw&ctype=text/css" rel="stylesheet">
 
 
<!--<link href="https://fonts.googleapis.com/css?family=Quicksand:300,400|Roboto:400,400i" rel="stylesheet">
 
 
<link href="https://2016.igem.org/Team:Imperial_College/Resources/CSS:NEStyle?action=raw&ctype=text/css" rel="stylesheet">-->
 
 
<style>
 
/********************************* DEFAULT WIKI SETTINGS  ********************************/
 
 
#sideMenu,
 
#top_title {
 
  display: none;
 
}
 
 
#content {
 
  padding: 0px;
 
  width: 100%;
 
}
 
 
body {
 
  background-color: white;
 
  width: 100%;
 
}
 
 
#bodyContent h1,
 
#bodyContent h2,
 
#bodyContent h3,
 
#bodyContent h4,
 
#bodyContent h5 {
 
  margin-bottom: 0px;
 
}
 
 
#bodyContent {
 
  padding-right: 0px;
 
}
 
 
#globalWrapper {
 
  font-size: 100%;
 
  padding: 0px;
 
  margin: -10px -20px -20px -20px;
 
}
 
 
.navbar-collapse {
 
  padding-left: 0px;
 
}
 
 
#banner {
 
  margin-top: 50px;
 
}
 
 
#sideMenu {
 
  margin-top: 10px;
 
}
 
 
.dropdown-menu li:hover .sub-menu {
 
  visibility: visible;
 
}
 
 
.dropdown:hover .dropdown-menu {
 
  display: block;
 
}
 
 
.navbar-nav .dropdown-menu,
 
.navbar .dropdown-menu {
 
  margin-top: 0;
 
}
 
/********************************* RESPONSIVE STYLING ********************************/
 
 
 
/* IF THE SCREEN IS LESS THAN 1000PX */
 
 
@media only screen and (max-width: 1000px) {
 
  #content {
 
    width: 100%;
 
  }
 
  .menu_wrapper {
 
    width: 15%;
 
  }
 
  .content_wrapper {
 
    margin-left: 15%;
 
  }
 
  .menu_item {
 
    display: block;
 
  }
 
  .icon {
 
    display: none;
 
  }
 
  .highlight {
 
    padding: 10px 0px;
 
  }
 
}
 
 
 
/* IF THE SCREEN IS LESS THAN 680PX */
 
 
@media only screen and (max-width: 680px) {
 
  .collapsable_menu_control {
 
    display: block;
 
  }
 
  .menu_item {
 
    display: none;
 
  }
 
  .menu_wrapper {
 
    width: 100%;
 
    height: 15%;
 
    position: relative;
 
  }
 
  .content_wrapper {
 
    width: 100%;
 
    margin-left: 0px;
 
  }
 
  .column.half_size {
 
    width: 100%;
 
  }
 
  .column img {
 
    width: 100%;
 
    padding: 5px 0px;
 
  }
 
  .icon {
 
    display: block;
 
  }
 
  .highlight {
 
    padding: 15px 5px;
 
  }
 
}
 
 
</style>
 
 
<script>
 
 
// This is the jquery part of your template. 
 
// Try not modify any of this code too much since it makes your menu work.
 
 
$(document).ready(function() {
 
 
$("#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
 
function menu_functionality() {
 
 
//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();
 
}
 
 
 
// call the highlight current page function to show it on the menu with a different background color
 
function highlight_current_page() {
 
 
// 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
 
$("#"+  wgPageName.substring(wgPageName.lastIndexOf("/")+1, wgPageName.length ) + "_page").addClass("current_page");
 
 
// now that the current_page class has been added to a menu item, make the submenu fade in
 
$(".current_page").parents(".submenu_wrapper").fadeIn(400);
 
// change the +/- symbol of the corresponding menu button
 
$(".current_page").parents(".submenu_wrapper").prev().children().toggleClass("open");
 
 
}
 
 
 
 
// allow button on the black menu bar to show/hide the side menu
 
function hide_show_menu() {
 
 
// 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
 
  if (document.getElementById('bars_item')) {
 
 
// when the "bars_item" has been clicked
 
$("#bars_item").click(function() {
 
$("#sideMenu").hide();
 
 
// show/hide the menu wrapper
 
$(".igem_2017_menu_wrapper").fadeToggle("100");
 
});
 
  }
 
 
// 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);
 
}
 
}
 
 
 
});
 
 
 
</script>
 
</head>
 
 
 
 
<body>
 
  <nav class="navbar navbar-default navbar-fixed-top" style=" padding-top: 20px;">
 
    <div class="container-fluid">
 
      <div class="navbar-header">
 
 
        <a class="navbar-logo" href="https://2017.igem.org/Team:UIOWA">
 
          <image class="img-responsive" src="https://static.igem.org/mediawiki/2017/7/7c/T--UIOWA--logo-DNA.png" height="120" width="120">
 
        </a>
 
 
 
      </div>
 
 
      <div id="navbar" class="navbar-collapse collapse">
 
        <ul class="nav navbar-nav navbar-right" style="margin-top: 15px;">
 
          <li class="dropdown">
 
            <a class="dropdown-toggle active" href="https://2017.igem.org/Team:UIOWA/Description">Project <span class="caret"></span></a>
 
            <ul class="dropdown-menu" style="left:0;">
 
              <li><a href="https://2017.igem.org/Team:UIOWA/Description">Description</a></li>
 
              <li><a href="https://2017.igem.org/Team:UIOWA/Results">Results</a></li>
 
              <li><a href="https://2017.igem.org/Team:UIOWA/Proof">Proof</a></li>
 
              <li><a href="https://2017.igem.org/Team:UIOWA/Basic_Part">Basic Parts</a></li>
 
              <li><a href="https://2017.igem.org/Team:UIOWA/Composite_Part">Composite Parts</a></li>
 
            </ul>
 
          </li>
 
 
 
          <li class="dropdown">
 
            <a class="dropdown-toggle active" href="https://2017.igem.org/Team:UIOWA/Model">Modelling <span class="caret"></span></a>
 
            <ul class="dropdown-menu" style="left:0;">
 
              <li><a href="https://2017.igem.org/Team:UIOWA/Model">Overview</a></li>
 
              <li><a href="https://2017.igem.org/Team:UIOWA/SingleCell">Single Cell Model</a></li>
 
              <li><a href="https://2017.igem.org/Team:UIOWA/GRO">Population Model</a></li>
 
 
            </ul>
 
          </li>
 
 
 
          <li>
 
            <a class="dropdown-toggle active" href="https://2017.igem.org/Team:UIOWA/Software">Software Tools </a></li>
 
 
 
          <li class="dropdown">
 
            <a class="dropdown-toggle active" href="https://2017.igem.org/Team:UIOWA/Notebook">Notebook <span class="caret"></span></a>
 
            <ul class="dropdown-menu" style="left:0;">
 
              <li><a href="https://2017.igem.org/Team:UIOWA/Notebook">Lab book</a></li>
 
              <li><a href="https://2017.igem.org/Team:UIOWA/Experiments">Protocols</a></li>
 
              <li><a href="https://2017.igem.org/Team:UIOWA/Medals">Medal Criteria</a></li>
 
              <li><a href="https://2017.igem.org/Team:UIOWA/BrainStorm">Brainstorm</a></li>
 
            </ul>
 
          </li>
 
 
          <li class="dropdown">
 
            <a class="dropdown-toggle active" href="https://2017.igem.org/Team:UIOWA/Human_Practices">Human Practices <span class="caret"></span></a>
 
            <ul class="dropdown-menu">
 
              <li><a href="https://2017.igem.org/Team:UIOWA/Human_Practices">Human Practices</a></li>
 
              <li><a href="https://2017.igem.org/Team:UIOWA/Integrated_Practices">Integrated Practices</a></li>
 
              <li><a href="https://2017.igem.org/Team:UIOWA/Engagement">Public Engagement</a></li>
 
              <li><a href="https://2017.igem.org/Team:UIOWA/Collaborations">Collaborations</a></li>
 
 
            </ul>
 
          </li>
 
 
          <li class="dropdown">
 
            <a class="dropdown-toggle active" href="https://2017.igem.org/Team:UIOWA/Team">Team <span class="caret"></span></a>
 
            <ul class="dropdown-menu" style="text-align: right;">
 
              <li><a href="https://2017.igem.org/Team:UIOWA/Team">Team</a></li>
 
              <li><a href="https://2017.igem.org/Team:UIOWA/Attributions">Attributions</a></li>
 
 
            </ul>
 
          </li>
 
        </ul>
 
      </div>
 
      <!-- /.navbar-collapse -->
 
    </div>
 
    <!-- /.container-fluid -->
 
<div class = "clear" >
 
</div>
 
  </nav>
 
</body>
 
</head>
 
  
 
<html>
 
<html>
 
<div class="clear"></div>
 
<div class="clear"></div>
 
<style>
 
<style>
 
+
pre {
 +
    font-family: Arial;
 +
    font size: 50;
 +
}
 
th {  
 
th {  
 
     border: 1px solid black;
 
     border: 1px solid black;
Line 329: Line 36:
 
<body>
 
<body>
 
<div style="opacity: 0.4; background: aqua;">
 
<div style="opacity: 0.4; background: aqua;">
<p> hello </p>
+
<p></p>
 
</div>
 
</div>
 
<div class = "clear" >
 
<div class = "clear" >
 +
 +
 +
 
</div>
 
</div>
 
+
<div style="text-align:center; margin-left: 250px;">
<h1 align="center"><u>System Level Design</u></h1>
+
<h1 align="center"><font face="Arial">System Level Design</font></h1>
 
<div class = "column half_size">
 
<div class = "column half_size">
 
<table id="t01" style = "float: right;">
 
<table id="t01" style = "float: right;">
Line 351: Line 61:
 
</table>
 
</table>
 
</div>
 
</div>
 
 
<div class = "column half_size">
 
<div class = "column half_size">
 
<table id="t02">
 
<table id="t02">
 
<tr>
 
<tr>
  <td><strong>System:</strong> 3HP Biosensor in Bacillus Subtilis </td>
+
  <td><strong>System:</strong> 3HP Biosensor in <i>Bacillus Subtilis</i> </td>
 
</tr>
 
</tr>
 
<tr>  
 
<tr>  
Line 368: Line 77:
  
 
<div style = "padding: 5px;">
 
<div style = "padding: 5px;">
<h1 align="center"><u>Device Level Design</u></h1>
+
<h1 align="center">Device Level Design</h1>
 
</div>
 
</div>
 
<div>
 
<div>
 
<img src="https://static.igem.org/mediawiki/2017/e/e8/T--UIOWA--3HP_2.jpg" width=1000px style="padding-top: 2px;">
 
<img src="https://static.igem.org/mediawiki/2017/e/e8/T--UIOWA--3HP_2.jpg" width=1000px style="padding-top: 2px;">
 
</div>
 
</div>
 +
  
 
<div align=center style="padding:15px">
 
<div align=center style="padding:15px">
<h1 align=center>Refining a 3-Hydroxypropionate Biosensor</h1>
+
<h2 align=center>Refining a 3-Hydroxypropionic Acid Biosensor</h2>
  
 
<img src="https://static.igem.org/mediawiki/2017/4/45/T--UIOWA--rough_schematic.jpg" width = 900px >
 
<img src="https://static.igem.org/mediawiki/2017/4/45/T--UIOWA--rough_schematic.jpg" width = 900px >
  
<h5 align=center>Brief description of our motivation and goals</h5>
+
<h2 align=center>Brief description of our motivation and goals</h2>
<p> Many industrial manufacturing processes revolve around the molecule 3-hydroxypropionic acid (3HPA). This organic molecule can be used in a variety of industrial products, from biofuels to plastic production. As a biologically produced chemical, 3HPA is biodegradable and thus a better substitute for inorganic plastics for environmental reasons. As 3HPA-derived plastics degrade, they release carbon dioxide, but do not persist for thousands of years in landfills (as PET plastics do). While much of the field is focusing on maximizing the production of this important molecule, a much smaller subset is focused on finding ways to sense and measure its production in an effort to aid industrial manufacturing systems. In a recent study, genes from the bacteria Pseudomonas putida were incorporated into Escherichia coli and Cupriavidus necator and demonstrated that repurposed regulatory proteins from P putida could be used as a biosensor for 3HPA (Hanko et al. 2017). A separate study identified similar 3HPA responsive genes in Pseudomonas denitrificans (Zhou et al. 2015).
+
<p> Many industrial manufacturing processes revolve around the molecule 3-hydroxypropionic acid (3-HP). This organic molecule can be used in a variety of industrial products, from biofuels to plastic production. As a biologically produced chemical, 3-HP is biodegradable and thus a better substitute for inorganic plastics for environmental reasons. As 3-HP-derived plastics degrade, they release carbon dioxide, but do not persist for thousands of years in landfills (as PET plastics do). While much of the field is focusing on maximizing the production of this important molecule, a much smaller subset is focused on finding ways to sense and measure its production in an effort to aid industrial manufacturing systems. In a recent study, genes from the bacteria <i>Pseudomonas putida</i> were incorporated into <i>Escherichia coli</i> and <i>Cupriavidus necator</i> and demonstrated that repurposed regulatory proteins from <i>P. putida</i> could be used as a biosensor for 3-HPA (Hanko et al. 2017). A separate study identified similar 3-HP responsive genes in <i>Pseudomonas denitrificans</i> (Zhou et al. 2015).
 
</p>
 
</p>
<p> Our summer iGEM research project seeks to use the same 3HPA responsive genes found in P putida and P denitrificans as switches for a reporter. This reporter will ‘program’ our bacteria to express a unique color in response to the presence of 3HPA. Additionally, we are seeking to add this system to Bacillus subtilis, a hardy bacterium that has great potential as a 3HPA producer for industrial processes and metabolic engineering experiments. Bacillus subtilis can withstand high concentrations of 3HPA without triggering ‘toxicity’ pathways. By modifying naturally occurring proteins with 3HPA sensitive genes in new organisms, we can tune our biosensor to be used for different purposes in research and industry. This collection of 3HPA responsive biological tools can also be used by future iGEM teams around the world, as we will package our system in biological packets known as Biobricks. Similar to Lego pieces snapping together, Biobricks can be easily incorporated into bacteria by other iGEM teams to build larger projects with an amalgam of these biological building blocks.  
+
<p> Our summer iGEM research project seeks to use the same 3-HP responsive genes found in <i>P. putida</i> and <i>P. denitrificans</i> as switches for a reporter. This reporter will ‘program’ our bacteria to express a unique color in response to the presence of 3-HP. Additionally, we are seeking to add this system to <i>Bacillus subtilis</i>, a hardy bacterium that has great potential as a 3-HP producer for industrial processes and metabolic engineering experiments. <i>B. subtilis</i> can withstand high concentrations of 3-HP without triggering ‘toxicity’ pathways. By modifying naturally occurring proteins with 3-HP sensitive genes in new organisms, we can tune our biosensor to be used for different purposes in research and industry. This collection of 3-HP responsive biological tools can also be used by future iGEM teams around the world, as we will package our system in biological packets known as Biobricks. Similar to Lego pieces snapping together, Biobricks can be easily incorporated into bacteria by other iGEM teams to build larger projects with an amalgam of these biological building blocks.  
 
</p>
 
</p>
  

Latest revision as of 12:14, 1 November 2017


System Level Design

Input Output
Absent Off
Present On
System: 3HP Biosensor in Bacillus Subtilis
Input: 3HP
Output: Luminescence

Device Level Design

Refining a 3-Hydroxypropionic Acid Biosensor

Brief description of our motivation and goals

Many industrial manufacturing processes revolve around the molecule 3-hydroxypropionic acid (3-HP). This organic molecule can be used in a variety of industrial products, from biofuels to plastic production. As a biologically produced chemical, 3-HP is biodegradable and thus a better substitute for inorganic plastics for environmental reasons. As 3-HP-derived plastics degrade, they release carbon dioxide, but do not persist for thousands of years in landfills (as PET plastics do). While much of the field is focusing on maximizing the production of this important molecule, a much smaller subset is focused on finding ways to sense and measure its production in an effort to aid industrial manufacturing systems. In a recent study, genes from the bacteria Pseudomonas putida were incorporated into Escherichia coli and Cupriavidus necator and demonstrated that repurposed regulatory proteins from P. putida could be used as a biosensor for 3-HPA (Hanko et al. 2017). A separate study identified similar 3-HP responsive genes in Pseudomonas denitrificans (Zhou et al. 2015).

Our summer iGEM research project seeks to use the same 3-HP responsive genes found in P. putida and P. denitrificans as switches for a reporter. This reporter will ‘program’ our bacteria to express a unique color in response to the presence of 3-HP. Additionally, we are seeking to add this system to Bacillus subtilis, a hardy bacterium that has great potential as a 3-HP producer for industrial processes and metabolic engineering experiments. B. subtilis can withstand high concentrations of 3-HP without triggering ‘toxicity’ pathways. By modifying naturally occurring proteins with 3-HP sensitive genes in new organisms, we can tune our biosensor to be used for different purposes in research and industry. This collection of 3-HP responsive biological tools can also be used by future iGEM teams around the world, as we will package our system in biological packets known as Biobricks. Similar to Lego pieces snapping together, Biobricks can be easily incorporated into bacteria by other iGEM teams to build larger projects with an amalgam of these biological building blocks.