Difference between revisions of "Team:Uppsala/Reporter System"

 
(78 intermediate revisions by 7 users not shown)
Line 2: Line 2:
 
{{Uppsala/css_removal}}
 
{{Uppsala/css_removal}}
 
{{Uppsala/main_template}}
 
{{Uppsala/main_template}}
{{Uppsala/nav}}
 
 
{{Uppsala/scroll-button}}
 
{{Uppsala/scroll-button}}
 
{{Uppsala/javascript/scroll-button}}
 
{{Uppsala/javascript/scroll-button}}
 
{{Uppsala/javascript/redirect_js}}
 
{{Uppsala/javascript/redirect_js}}
 +
{{Uppsala/buttons}}
 +
  
 
<html>
 
<html>
 
     <head>
 
     <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
+
   
        <style>
+
<style type="text/css">
 
+
 
 
+
.parallax {
 +
                /* The image used */
 +
                background-image: url("https://static.igem.org/mediawiki/2018/a/a6/T--Uppsala--UnaGPotentialBackground.png");
  
         
+
               
              
+
             }
           
+
     
           
+
       
+
   
+
.btn-group button {
+
    background-color: #8B1A32;
+
    color: #f9f9f9; /* White text */
+
    padding: 10px 24px; /* Some padding */
+
    cursor: pointer; /* Pointer/hand icon */
+
    font-size: 26px;
+
    border-radius: 4px;
+
text-align: center;
+
 
+
transition: all 0.5s;
+
font-family: "raleway";
+
 
+
 
+
}
+
 
+
.btn-group span {
+
  cursor: pointer;
+
  display: inline-block;
+
  position: relative;
+
  transition: 0.5s;
+
}
+
 
+
.btn-group span:after {
+
  content: '\00bb';
+
  position: absolute;
+
  opacity: 0;
+
  top: 0;
+
  right: -20px;
+
  transition: 0.5s;
+
}
+
 
+
/* Have added button:hover*/
+
.btn-group button:hover span {
+
  padding-right: 25px;
+
}
+
 
+
/* Have added button:hover*/
+
.btn-group button:hover span:after {
+
  opacity: 1;
+
  right: 0;
+
}
+
 
+
     
+
 
            
 
            
 
         </style>
 
         </style>
Line 68: Line 25:
  
  
    <body>
+
<div class ="body">
 
+
 
+
 
        
 
        
 
         <div class="parallax"></div>
 
         <div class="parallax"></div>
         <div class="svg-wrapper">
+
         <div class="svg-wrapper" id="Project_Description">
  
 
   
 
   
Line 217: Line 172:
  
 
</div>
 
</div>
                   
+
              <div class="igem-icon"><a href="https://2018.igem.org/Team:Uppsala"><img src="https://static.igem.org/mediawiki/2018/7/7a/T--Uppsala--WormBusterLogo_White.png"></a>
 +
        </div>       
 
          
 
          
 
         <div class ="scroll-pointer">
 
         <div class ="scroll-pointer">
Line 224: Line 180:
  
 
         <div class= "content blur-box" style="font-size:16px;">
 
         <div class= "content blur-box" style="font-size:16px;">
            <div class ="content-text" >
+
 
  
                <div style="height:1em;"></div>
 
       
 
 
              <h1>UnaG Reporter</h1>
 
  
  
 +
<!-- CONTENT OF WHATS ON THE PAGE -->
  
 +
        <div id="toc" class="toc">
 +
            <div id="toctitle"></div>
 +
            <ul>
 +
                <li class="toclevel tocsection"><a href="#Project_Description" class="scroll"> <span id="whereYouAre"> Reporter System</span> </a>
 +
                        <ul>
 +
                            <li class="toclevel nav-item active"><a href="#unag" class="nav-link scroll"> UnaG Reporter</a></li>
 +
                            <li class="toclevel nav-item"><a href="#Feces" class="nav-link scroll">  Feces Analysis</a></li>
 +
                            <li class="toclevel nav-item"><a href="#Grass" class="nav-link scroll">  Grass Sample Analysis</a></li>
 +
                            <li class="toclevel nav-item"><a href="#References" class="nav-link scroll"> References </a></li>
 +
                        </ul>
 +
                </li>
 +
           
 +
            </ul>
 +
        </div>
  
                <p>One of the biobrick parts submitted by the 2016 Uppsala team was <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2003011"><b>UnaG combined with a histidine tag and a flexible linker</b></a> for extraction in affinity chromatography.  We decided to use this part as our reporter system when we read about it.  Mammalian intestines naturally have small amounts of bilirubin in them and also have a limited amount of oxygen present [1] (which is necessary for chromoprotein maturation [2]). we thought this could be a useful reporter.  It also came with a flexible linker, which could be used to potentially connect this reporter system with another output molecule that might be usable to act as a secondary reporter to help detect our target nematodes. 
 
<br>
 
<br>
 
While observing this part's sequence however, we found that there was an error and no histidine tag would be expressed due to the start codon being placed after the histidine tag.  In addition, this part would also express less or no UnaG at all due to the RBS now having a significant amount of space between it and the start codon.  We decided to incorporate this biobrick part into a custom composite part by moving the start codon to its proper location and then proving that the histidine tag works by extracting and purifying the protein via affinity chromatography.  In addition, we conducted a fluorescent bilirubin test and used a plate reader to determine if our new part expressed more UnaG than the 2016 part.  </p>
 
                <br>
 
                <p>However extraction of this protein poses some difficulty.  UnaG, many other chromoproteins, is a membrane protein [3] and therefore needs special conditions to purify. Under "<b><i>find out more</i></b>" we will show how we successfully extracted and purified UnaG from BL21 E. coli cells expressing our custom made plasmid. 
 
</p>
 
  
<br><br><br>
 
  
  
 +
            <div class ="content-text" id="scrolldown" >
  
  
  
 +
                <div style="height:5em;"></div>
 +
       
 +
  
  
 +
<div class="card-holder">
  
 +
              <h1 id="unag">UnaG Reporter</h1>
  
 
 
<!-------BUTTONS FOR UnaG------->
 
 
 
 
 
 
 
<div class="card-holder">
 
                    <div class="content-card-heading"><h1>Bigass heading</h1></div>
 
                    <div class="content-card content-card-2">
 
                        <div class="inner-card left-card">
 
                         
 
                              <div class="btn-group" style="width:100%">
 
  <button onclick="window.location.href='https://2018.igem.org/Team:Uppsala/Reporter_System/UnaG '
 
          "style="width:69%"><span>Find Out More</span></button></div>
 
                           
 
                        </div>
 
                        <div class="inner-card right-card">
 
                            <div class="btn-group" style="width:100%">
 
                            <button onclick="window.location.href='https://2018.igem.org/Team:Uppsala/Notebook'" style="width:30%"><span>Notebook</span></button>
 
                            </div>                         
 
 
                        </div>
 
                    </div>
 
                </div>
 
  
  
  
 +
                <p>One of the biobrick parts submitted by the 2016 Uppsala team was <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2003011"><b>UnaG combined with a histidine tag and a flexible linker</b></a> for extraction in affinity chromatography (AC).  We decided to use this part as our reporter system when we read about it.  Mammalian intestines naturally have small amounts of bilirubin in them and also have a limited amount of oxygen present (which is necessary for chromoprotein maturation ) [1, 2]. we thought this could be a useful reporter. It also came with a flexible linker, which could be used to potentially connect this reporter system with another output molecule that might be usable to act as a secondary reporter to help detect our target nematodes. 
 +
<br>
 +
<br>
 +
While observing this part's sequence however, we found that there was an error and no histidine tag would be expressed due to the start codon being placed after the histidine tag.  In addition, this part would also express less or no UnaG at all due to the RBS now having a significant amount of space between it and the start codon.  We decided to incorporate this biobrick part into a custom composite part by moving the start codon to its proper location and then proving that the histidine tag works by extracting and purifying the protein via affinity chromatography. In addition, we conducted a fluorescent bilirubin test and used a plate reader to determine if our new part expressed more UnaG than the 2016 part.  </p>
 +
                <br>
 +
                <p>However extraction of this protein poses some difficulty.  UnaG, unlike most other chromoproteins, is a membrane protein and therefore needs special conditions to purify [3]. Under "<b><i>find out more</i></b>" we will show how we successfully extracted and purified UnaG from BL21 <i>E. coli</i> cells expressing our custom made plasmid. 
 +
</p>
  
 +
<br><br><br>
  
 +
</div>
  
  
  
  
 +
<!-------BUTTONS FOR UnaG------->
  
  
 +
<!-------BUTTONS FOR UnaG------->
  
  
Line 295: Line 244:
  
  
 +
<div class="card-holder">
 +
                <div class="buttons">
 +
                          <div class="container-button">
 +
   
 +
                                              <a href="https://2018.igem.org/Team:Uppsala/Reporter_System/UnaG" class="btn"> Find Out More! </a>
 +
                                              <a href="https://2018.igem.org/Team:Uppsala/Notebook" class="btn"> Notebook </a>
 +
<a href="https://2018.igem.org/Team:Uppsala/Protocol" class="btn"> Protocol </a>
 +
                                         
 +
     
 +
                                          <!--End of Button 3 -->
 +
                        </div>
 +
            </div>
 +
</div>
  
  
Line 303: Line 265:
 
<!--------NEXT PART---------->
 
<!--------NEXT PART---------->
  
<h1>Feces Analysis</h1>
+
<h1 id="Feces">Feces Analysis</h1>
                 <p>The purpose of this experiment was to determine if fluorescent eukaryotic chromoproteins could be used as a reporter in horse manure. One of these proteins, amilGFP (green fluorescent protein) was chosen because it gave us a opportunity to work with a reporter system developed by earlier iGEM teams of Uppsala, namely those of 2011, 2012 and 2013. To test whether amilGFP was viable or not as a reporter system we decided to run some tests to see if amilGFP could be detected in horse manure, and later, to what extent using a plate reader (fluorescence spectrophotometer) with varying concentrations of amilGFP in liquid culture in horse manure.</p>
+
                 <p>The purpose of this experiment was to determine if fluorescent eukaryotic chromoproteins could be used as a reporter in horse manure. One of these proteins, amilGFP (green fluorescent protein) was chosen because it gave us an opportunity to work with a reporter system developed by earlier iGEM teams of Uppsala, namely those of 2011, 2012 and 2013. To test whether amilGFP was viable or not as a reporter system we decided to run some tests to see if amilGFP could be detected in horse manure, and later, to what extent using a plate reader (fluorescence spectrophotometer) with varying concentrations of amilGFP in liquid culture in horse manure.</p>
  
  
Line 316: Line 278:
  
  
<div class="btn-group" style="width:100%">
+
<div class="card-holder">
  <button onclick="window.location.href='https://2018.igem.org/Team:Uppsala/Reporter_System/Feces_Analysis '
+
                <div class="buttons">
          "style="width:69%"><span>Find Out More</span></button>
+
                          <div class="container-button">
<button onclick="window.location.href='https://2018.igem.org/Team:Uppsala/Notebook'" style="width:30%"><span>Notebook</span></button>
+
   
 +
                                              <a href="https://2018.igem.org/Team:Uppsala/Reporter_System/Feces_Analysis" class="btn"> Find Out More! </a>  
 +
                                              <a href="https://2018.igem.org/Team:Uppsala/Notebook" class="btn"> Notebook </a>
 +
<a href="https://2018.igem.org/Team:Uppsala/Protocol" class="btn"> Protocol </a>  
 +
                                         
 +
     
 +
                                          <!--End of Button 3 -->
 +
                        </div>
 +
            </div>
 
</div>
 
</div>
 
  
  
Line 327: Line 296:
 
<!--------NEXT PART---------->
 
<!--------NEXT PART---------->
  
<h1>Grass Sample Analysis</h1>
+
<h1 id="Grass">Grass Sample Analysis</h1>
  
<h2>Design, Experiment & Result</h2>
+
<h2>Design, Experiment and Result</h2>
                 <p>The purpose of the grass sample analysis was to research the possibility of a future second worm buster, targeting large strongyles. Due to the life cycle of large strongyles, they need to be detected in the grass to prevent ingestion by horses. To see if GFP(<b>Figure 1</b>)/RFP(<b>Figure 2</b>) (common chromoproteins) are visible on the tops of grass using a UV lamp, we spread colonies from transformed <i>E. coli</i> expressing these proteins onto grass. The top portion of blades of grass were used due to large strongyle larvae commonly residing there, waiting to be eaten by their unsuspecting hosts.   
+
                 <p>The purpose of the grass sample analysis was to research the possibility of a future second worm buster, targeting large strongyles. Due to the life cycle of large strongyles, they need to be detected in the grass to prevent ingestion by horses. To see if GFP(Figure 1)/RFP(Figure 2) (common chromoproteins) are visible on the tops of grass using a UV lamp (312 nm), we spread colonies from transformed <i>E. coli</i> expressing these proteins onto grass. The top portion of blades of grass were used due to large strongyle larvae commonly residing there, waiting to be eaten by their unsuspecting hosts.   
  
 
  <br><br>
 
  <br><br>
  
Our results (<b>Figure 1</b> and <b>Figure 2</b>) were promising which broadened our potential market with the worm buster technology.</p>
+
Our results (Figure 1 and Figure 2) were promising which broadened our potential market with the worm buster technology.</p>
  
  
Line 342: Line 311:
 
     <div class="content-card content-card-2">
 
     <div class="content-card content-card-2">
 
         <div class="inner-card left-card">
 
         <div class="inner-card left-card">
             <div class="inner-card-text">  
+
                        <!--change src to that of the image you want-->
 +
             <img class="content-card-img" src="https://static.igem.org/mediawiki/2018/c/cd/T--Uppsala--Grass_Analysis-RFP.jpeg" >
 +
<div class="inner-card-text">  
 
                 <!-- start of paragraph-->
 
                 <!-- start of paragraph-->
                 <p><strong>Figure 1:</strong> Grass samples that have been spread with bacteria cultures expressing GFP. </p>
+
                 <p><strong>Figure 1.</strong> Grass samples that have been spread with bacteria cultures expressing GFP. Photographed under 312 nm UV-light. </p>
 
             </div>
 
             </div>
            <!--change src to that of the image you want-->
+
 
            <img class="content-card-img" src="https://static.igem.org/mediawiki/2018/c/cd/T--Uppsala--Grass_Analysis-RFP.jpeg" >
+
 
             <!-- end of paragraph -->
 
             <!-- end of paragraph -->
 
         </div>
 
         </div>
 
         <div class="inner-card right-card">
 
         <div class="inner-card right-card">
             <div class="inner-card-text">  
+
         
 +
 
 +
             <img class="content-card-img" src="https://static.igem.org/mediawiki/2018/d/dd/T--Uppsala--Grass_Analysis-GFP.jpeg">
 +
  <div class="inner-card-text">  
 
                 <!-- start of paragraph -->
 
                 <!-- start of paragraph -->
                 <p><strong>Figure 2:</strong> Grass samples that have been spread with bacteria cultures expressing RFP. </p>  
+
                 <p><strong>Figure 2.</strong> Grass samples that have been spread with bacteria cultures expressing RFP. Photographed under 312 nm UV-light. </p>  
 
                 <!-- End of paragraphs -->
 
                 <!-- End of paragraphs -->
 
             </div>
 
             </div>
 
            <img class="content-card-img" src="https://static.igem.org/mediawiki/2018/d/dd/T--Uppsala--Grass_Analysis-GFP.jpeg">
 
 
  
 
         </div>
 
         </div>
Line 367: Line 337:
  
  
 +
<div class="card-holder">
 +
<h2 id="References">References</h2>
  
 +
<p><strong>[1]</strong> Bowen R. Microbial Life in the Digestive Tract. online: <a href="http://www.vivo.colostate.edu/hbooks/pathphys/digestion/basics/gi_bugs.html">http://www.vivo.colostate.edu/hbooks/pathphys/digestion/basics/gi_bugs.html</a>. Accessed October 12, 2018.<br>
  
 +
<strong>[2]</strong> Engineering a palette of eukaryotic chromoproteins for bacterial synthetic biology | Journal of Biological Engineering | Full Text. online: <a href="https://jbioleng.biomedcentral.com/articles/10.1186/s13036-018-0100-0">https://jbioleng.biomedcentral.com/articles/10.1186/s13036-018-0100-0</a>. Accessed October 12, 2018. <br>
  
 +
<strong>[3]</strong> Kumagai A, Ando R, Miyatake H, Greimel P, Kobayashi T, Hirabayashi Y, Shimogori T, Miyawaki A. 2013. A Bilirubin-Inducible Fluorescent Protein from Eel Muscle. Cell 153: 1602–1611.<br></p>
 +
</div>
  
<h1>Refereces</h1>
 
 
<p><strong>[1]</strong> Bowen R. Microbial Life in the Digestive Tract. online: http://www.vivo.colostate.edu/hbooks/pathphys/digestion/basics/gi_bugs.html. Accessed October 12, 2018.<br><br>
 
 
<strong>[2]</strong> Engineering a palette of eukaryotic chromoproteins for bacterial synthetic biology | Journal of Biological Engineering | Full Text. online: https://jbioleng.biomedcentral.com/articles/10.1186/s13036-018-0100-0. Accessed October 12, 2018. <br><br>
 
 
<strong>[3]</strong> Kumagai A, Ando R, Miyatake H, Greimel P, Kobayashi T, Hirabayashi Y, Shimogori T, Miyawaki A. 2013. A Bilirubin-Inducible Fluorescent Protein from Eel Muscle. Cell 153: 1602–1611.</p>
 
  
  
 +
            </div>
 +
        </div>
 +
</div>
 
</html>
 
</html>

Latest revision as of 21:31, 2 December 2018