Team:LIKA-CESAR-Brasil/ColiAlert

From 2014.igem.org

(Difference between revisions)
(Created page with "{{CSS/Main}} <html lang="pt-br"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wi...")
 
(11 intermediate revisions not shown)
Line 9: Line 9:
     <meta name="author" content="">
     <meta name="author" content="">
     <link rel="icon" href="favicon.ico">
     <link rel="icon" href="favicon.ico">
-
 
     <title>LIKA | CESAR</title>
     <title>LIKA | CESAR</title>
 +
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
 +
    <style type="text/css">
 +
body {
 +
font-size:12px;
 +
color:#111;
 +
height:100%;
 +
background:#ededed;
 +
/*min-width: 1326px;*/
 +
}
 +
.container {
 +
width:80%;
 +
background: rgb(255,255,255); /* Old browsers */
 +
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
 +
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
 +
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
 +
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
 +
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* IE10+ */
 +
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
 +
}
-
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
+
.navbar-brand {
-
  <link href="https://cdn.rawgit.com/hamorim/igem_style/d8db142f43c108b3beeae5a8f322f82919f712b9/lika.css" rel="stylesheet">
+
padding: 5px;
-
</head>
+
}
 +
.col-md-10  {
 +
width:100%;
 +
padding: 20px 70px 20px 50px;
 +
min-height:200px;
 +
padding-bottom:50px;
 +
}
 +
.col-md-4 {
 +
padding-bottom:70px;
 +
}
 +
.navbar-inverse {
 +
    background-color: #ededed;
 +
border-color: #ededed;
 +
}
 +
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
 +
    color: #006600;
 +
    background-color: #8cff00;
 +
}
 +
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
 +
    color: #006600;
 +
    background-color: #8cff00;
 +
}
 +
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
 +
    color: #006600;
 +
    background-color: transparent;
 +
}
 +
.navbar-inverse .navbar-nav > li > a:focus {
 +
    color: #006600;
 +
    background-color: transparent;
 +
}
 +
.nav > li > a {
 +
    display: block;
 +
    padding: 25px 15px;
 +
    position: relative;
 +
}
 +
.menu{
 +
color:black;
 +
z-index:999;
 +
position:relative;
 +
float:right;
 +
margin:auto;
 +
}
-
<body>
+
.videohome{
 +
background:#ededed;
 +
}
 +
.menu ul{
 +
margin:0 auto;
 +
}
 +
.jumbotron {
 +
background:url("https://static.igem.org/mediawiki/2014/7/7a/Banner_top.jpg");
 +
border-top: solid 5px #8cff00;
 +
border-bottom: solid 5px #8cff00;
 +
background-size:cover;
 +
width:80%;
 +
height:331px;
 +
margin:auto;
 +
margin-top:40px;
 +
}
 +
.jumbotron02 {
 +
background:url("https://static.igem.org/mediawiki/2014/5/52/Banner_top02.jpg");
 +
border-top: solid 5px #8cff00;
 +
border-bottom: solid 5px #8cff00;
 +
background-size:cover;
 +
width:80%;
 +
height:331px;
 +
margin:auto;
 +
margin-top:80px;
 +
}
 +
.jumbotronSafety {
 +
background:url("https://static.igem.org/mediawiki/2014/7/7a/Banner_top.jpg");
 +
border-top: solid 5px #8cff00;
 +
border-bottom: solid 5px #8cff00;
 +
background-size:cover;
 +
width:80%;
 +
height:331px;
 +
margin:auto;
 +
margin-top:80px;
 +
}
 +
.jumbotronParts {
 +
background:url("https://static.igem.org/mediawiki/2014/9/9b/Banner_top_coli.jpg");
 +
border-top: solid 5px #8cff00;
 +
border-bottom: solid 5px #8cff00;
 +
background-size:cover;
 +
width:80%;
 +
height:331px;
 +
margin:auto;
 +
margin-top:80px;
 +
}
 +
.jumbotronHuman {
 +
background:url("https://static.igem.org/mediawiki/2014/1/12/Banner_top05.jpg");
 +
border-top: solid 5px #8cff00;
 +
border-bottom: solid 5px #8cff00;
 +
background-size:cover;
 +
width:80%;
 +
height:331px;
 +
margin:auto;
 +
margin-top:80px;
 +
}
 +
.jumbotronProject {
 +
background:url("https://static.igem.org/mediawiki/2014/9/9b/Banner_top_coli.jpg");
 +
border-top: solid 5px #8cff00;
 +
border-bottom: solid 5px #8cff00;
 +
background-size:cover;
 +
width:80%;
 +
height:331px;
 +
margin:auto;
 +
margin-top:80px;
 +
}
 +
.jumbotronAdvisors {
 +
background:url("https://static.igem.org/mediawiki/2014/3/3b/Banner_top03.jpg");
 +
border-top: solid 5px #8cff00;
 +
border-bottom: solid 5px #8cff00;
 +
background-size:cover;
 +
width:80%;
 +
height:331px;
 +
margin:auto;
 +
margin-top:80px;
 +
}
-
  <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+
.igem-logo{
-
     <div class="container">
+
     background:url("https://static.igem.org/mediawiki/2014/4/4e/Banner_top_03.png") ;
-
      <header>
+
    background-color:transparent;
 +
    width: 50px;
 +
    height:50px;
 +
    z-index: 99;
 +
    background-repeat: no-repeat;
 +
}
-
        <div class="navbar-header">
+
/*
 +
.navbar .container {
 +
min-width: 1322px;
 +
    z-index: 9999;
 +
}
 +
*/
 +
 
 +
h2 {
 +
font-size: 26px;
 +
color:#339900;
 +
}
 +
.videocapa{
 +
width:35%;
 +
float:right;
 +
min-height:300px;
 +
margin-top:10px;
 +
}
 +
p {
 +
font-size: 12px;
 +
color:#444;
 +
}
 +
footer {
 +
background:#b8b8b8;
 +
width:100%;
 +
padding: 50px;
 +
  clear:both;
 +
position: relative;
 +
bottom:0;
 +
border-top: solid 8px #8cff00;
 +
}
 +
footer p {
 +
margin:auto;
 +
padding-top:10px;
 +
text-align:center;
 +
width:50%;
 +
color:#006600;
 +
}
 +
.firstHeading {
 +
display:none;
 +
}
 +
table{
 +
color:#888;
 +
font-size:16px;
 +
border: solid 1px #ccc;
 +
}
 +
h1 {
 +
font-size: 26px;
 +
color:#339900;
 +
}
 +
h2 {
 +
font-size: 22px;
 +
color:#339900;
 +
}
 +
h3 {
 +
font-size: 18px;
 +
color:#339900;
 +
}
 +
h4 {
 +
font-size: 16px;
 +
color:#339900;
 +
}
 +
 
 +
.listHorizontal{
 +
    list-style: none;
 +
    display:inline-block;
 +
    margin-left: 0.3em;
 +
}
 +
 
 +
.listHorizontal li{
 +
    padding: 0px 5px 0px 5px;
 +
}
 +
 
 +
div#globalWrapper {
 +
position: relative;
 +
font-size: 100%;
 +
width: 100%;
 +
margin: 0;
 +
padding: 0;
 +
padding-bottom: 10px;
 +
}
 +
 
 +
</style>
 +
  </head>
 +
 
 +
  <body>
 +
 
 +
    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
 +
      <div class="container">
 +
    <header>
 +
 
 +
      <div class="navbar-header">
           <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
           <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
             <span class="sr-only">Toggle navigation</span>
             <span class="sr-only">Toggle navigation</span>
Line 29: Line 259:
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
           </button>
-
          <a class="navbar-brand" href="#"><img src="https://static.igem.org/mediawiki/2014/5/55/Marca.png" alt="Marca LIKA"></a>
+
      <a class="navbar-brand" href="https://2014.igem.org/Team:LIKA-CESAR-Brasil"><img src="https://static.igem.org/mediawiki/2014/5/55/Marca.png" alt="Marca LIKA"></a>
         </div>
         </div>
-
        <div class="navbar-collapse collapse menu">
+
      <div class="navbar-collapse collapse menu">
-
          <ul class="nav navbar-nav">
+
            <ul class="nav navbar-nav">
-
            <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil">HOME</a></li>
+
 
-
            <li class="dropdown">
+
        <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil">HOME</a></li>
-
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">TEAM<span class="caret"></span></a>
+
              <li class="dropdown">
-
              <ul class="dropdown-menu" role="menu">
+
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">TEAM<span class="caret"></span></a>
-
                <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Partnerships">Partnerships</a></li>
+
                <ul class="dropdown-menu" role="menu">
-
                <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Team">Team</a></li>
+
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Partnerships">Partnerships</a></li>
-
                <li><a href="https://igem.org/Team.cgi?year=2014&team_name=LIKA-CESAR-Brasil">Official Team Profile</a></li>
+
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/TeamProfile">Official Team Profile</a></li>
-
                <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Advisors">Advisors</a></li>
+
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Advisors">Advisors</a></li>
-
              </ul>
+
        </ul>
-
            </li>
+
              </li>
-
            <li class="dropdown active">
+
              <li class="dropdown">
-
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT<span class="caret"></span></a>
+
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT<span class="caret"></span></a>
-
              <ul class="dropdown-menu" role="menu">
+
                <ul class="dropdown-menu" role="menu">
-
                <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Project">Overview</a></li>
+
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Overview">Overview</a></li>
-
                <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Robot">Robot</a></li>
+
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Robot">Robot</a></li>
-
                <li class="active"><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/ColiAlert">ColiAlert</a></li>
+
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/ColiAlert">ColiAlert</a></li>
-
                <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Biosensor">Biosensor</a></li>
+
  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/BioSensor">Biosensor</a></li>
-
              </ul>
+
              </ul>
-
            </li>
+
              </li>
-
            <li class="dropdown">
+
        <li class="dropdown">
-
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">PARTS<span class="caret"></span></a>
+
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">PARTS<span class="caret"></span></a>
-
              <ul class="dropdown-menu" role="menu">
+
                <ul class="dropdown-menu" role="menu">
-
                <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Biobricks">Biobricks</a></li>
+
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Biobricks">Biobricks</a></li>
-
                <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Notebook">Notebook</a></li>
+
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Notebook">Notebook</a></li>
-
              </ul>
+
                </ul>
-
            </li>
+
              </li>      
-
            <li class="dropdown">
+
        <li class="dropdown">
-
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">HUMAN PRACTICE<span class="caret"></span></a>
+
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">HUMAN PRACTICE<span class="caret"></span></a>
-
              <ul class="dropdown-menu" role="menu">
+
                <ul class="dropdown-menu" role="menu">
-
                <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Lectures">Lectures</a></li>
+
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Lectures">Lectures</a></li>
-
                <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Survey">Survey and Society Interaction</a></li>
+
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Society">Survey and Society Interaction</a></li>
-
              </ul>
+
  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/MeetUp ">Meet Up</a></li>
-
            </li>
+
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/SocialImpact">Social Impact</a></li>
-
            <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Safety">SAFETY</a></li>
+
                </ul>
-
            <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Attributions">ATRIBUITIONS</a></li>
+
              </li>
-
          </ul>
+
        <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Safety">SAFETY</a></li>
-
        </div><!--/.nav-collapse -->
+
        <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Atribuitons">ATRIBUITIONS</a></li>
-
      </header>
+
        <li class="igem-logo"><a href="https://2014.igem.org/"></a></li>
 +
            </ul>
 +
          </div><!--/.nav-collapse -->
 +
      </header>
 +
      </div>
     </div>
     </div>
-
  </div>
 
     <!-- Main jumbotron for a primary marketing message or call to action -->
     <!-- Main jumbotron for a primary marketing message or call to action -->
-
     <div class="jumbotron"></div>
+
     <div class="jumbotronProject"></div>
     <div class="container">
     <div class="container">
       <!-- Example row of columns -->
       <!-- Example row of columns -->
       <div class="row">
       <div class="row">
         <div class="col-md-10">
         <div class="col-md-10">
 +
<div style="width:60%; float:left">
         <h1>PROJECT</h1>
         <h1>PROJECT</h1>
<h2>ColiAlert</h2>
<h2>ColiAlert</h2>
 +
<div class="mascote"><img src="https://static.igem.org/mediawiki/2014/f/f4/Ecoli.png" alt="The Coli"></div>
<h3>How to do a quality control system? ColiAlert!</h3>
<h3>How to do a quality control system? ColiAlert!</h3>
<p>All laboratory as well as, every machine must have a quality control. Our idea was to use a system based on colorimetric changes to control the quality of the automated extraction robot system. For this, we created ColiAlert. The ColiAlert are bacteria genetically modified that present pink color due the presence of chromoproteins.  For this, the biobricks sent to construct a composite that under natural conditions expressed pink, and after extraction procedures, shows yellow color.
<p>All laboratory as well as, every machine must have a quality control. Our idea was to use a system based on colorimetric changes to control the quality of the automated extraction robot system. For this, we created ColiAlert. The ColiAlert are bacteria genetically modified that present pink color due the presence of chromoproteins.  For this, the biobricks sent to construct a composite that under natural conditions expressed pink, and after extraction procedures, shows yellow color.
For this purpose, we decided to use in our project, biobricks provided by the registry. At that stage, it was very important software developed by team-Aalto Helsinki, the BiobrickSeeker. Much time was saved thanks to this tool, which facilitates the search of biobricks sent. Then, were selected chromoproteins available in the registry by Uppsala team, to build our quality control.</p>
For this purpose, we decided to use in our project, biobricks provided by the registry. At that stage, it was very important software developed by team-Aalto Helsinki, the BiobrickSeeker. Much time was saved thanks to this tool, which facilitates the search of biobricks sent. Then, were selected chromoproteins available in the registry by Uppsala team, to build our quality control.</p>
<p>It was then possible to construct 3 biobricks. The first (K1565000) is an indicator of cell lysis by the presence of oleic acid. Oleic acid is one of the fatty acids present in the plasmatic membrane. This acid is released in the presence of cell lysis. We built a biobrick with a promoter sensitive to the presence of oleic acid, which stimulates the production of blue chromoprotein for signaling process (Figure 1).</p>
<p>It was then possible to construct 3 biobricks. The first (K1565000) is an indicator of cell lysis by the presence of oleic acid. Oleic acid is one of the fatty acids present in the plasmatic membrane. This acid is released in the presence of cell lysis. We built a biobrick with a promoter sensitive to the presence of oleic acid, which stimulates the production of blue chromoprotein for signaling process (Figure 1).</p>
-
<p>FIGURE 1. Biobrick K1565000 (FIGURA COM DESIGN)</p>
+
<p class="graphics"><img src="https://static.igem.org/mediawiki/2014/e/eb/Colialert-biobrick1.png" alt="Biobrick K1565000"></p>
<p>With the same purpose of signaling the process of extracting nucleic acids, two more biobricks (K1565001 and K1565002)were created (Figure 2). In these yellow chromoproteins were used. This chromoprotein is sensitive in the presence of pH changes. Thus, E. coli transformed with either of these two biobricks, grew with pink color due to the neutral pH of LB media.  However, with the addition of the solution at acidic pH, the bacteria instantaneously change their color to yellow. This is a reversible process. The same modified genetically engineered bacteria, will change their color from pink to yellow, and from yellow to pink with variations in pH. The process becomes irreversible when cell lysis occurs, causing the ColiAlert only remains yellow. The biobricks constructed it was placed genes that promote that chromoproteins remain at plasmatic membrane. The process of lysis of the membrane, probably affects the structure of chromoproteins or ability to react with the basic or neutral conditions, thus maintaining its original yellow color.</p>
<p>With the same purpose of signaling the process of extracting nucleic acids, two more biobricks (K1565001 and K1565002)were created (Figure 2). In these yellow chromoproteins were used. This chromoprotein is sensitive in the presence of pH changes. Thus, E. coli transformed with either of these two biobricks, grew with pink color due to the neutral pH of LB media.  However, with the addition of the solution at acidic pH, the bacteria instantaneously change their color to yellow. This is a reversible process. The same modified genetically engineered bacteria, will change their color from pink to yellow, and from yellow to pink with variations in pH. The process becomes irreversible when cell lysis occurs, causing the ColiAlert only remains yellow. The biobricks constructed it was placed genes that promote that chromoproteins remain at plasmatic membrane. The process of lysis of the membrane, probably affects the structure of chromoproteins or ability to react with the basic or neutral conditions, thus maintaining its original yellow color.</p>
-
<p>FIGURE 2. Biobrick K1565001 and K1565002 (FIGURA COM DESIGN)</p>
+
<p class="graphics"><img src="https://static.igem.org/mediawiki/2014/5/5b/Colialert-biobrick23.png" alt="Biobrick K1565001 and K1565002"></p>
<p>This color variation is shown in the graphs of absorbance shown in figure 3 and 4. Figure 3 is an absorbance spectrum generated by readings from 300 to 680nm at pH 4 and 7. It is possible to see that the samples at neutral pH, having two absorption peaks, while acidic pH has only one, showing the transition of colors. In Figure 4 is possible to observe the change in absorbance obtained from samples of ColiAlert diluted in citrate buffer (0.1M) and phosphate buffer (0.1 M) at different pHs in readings of 500nM.</p>
<p>This color variation is shown in the graphs of absorbance shown in figure 3 and 4. Figure 3 is an absorbance spectrum generated by readings from 300 to 680nm at pH 4 and 7. It is possible to see that the samples at neutral pH, having two absorption peaks, while acidic pH has only one, showing the transition of colors. In Figure 4 is possible to observe the change in absorbance obtained from samples of ColiAlert diluted in citrate buffer (0.1M) and phosphate buffer (0.1 M) at different pHs in readings of 500nM.</p>
-
<p>To try to show that ColiAlert signals the process of extracting nucleic acids correctly, we tested the extraction of nucleic acids only with blood, and blood together with ColiAlert.  At the end of procedure, the resulting samples were quantified with NanoDrop (Results in Figure 5). It is possible to note the indirect evidence that in the presence of ColiAlert, the amount of DNA generated was more than twice as high. Figure 6 shows the variation in color and pH obtained after the lysis procedure and figure 7, 8 and 9 shows plates with ColiAlert.</p>
+
<p>To try to show that ColiAlert signals the process of extracting nucleic acids correctly, we tested the extraction of nucleic acids only with blood, and blood together with ColiAlert.  At the end of procedure, the resulting samples were quantified with NanoDrop (Results in Figure 5). It is possible to note the indirect evidence that in the presence of ColiAlert, the amount of DNA generated was more than twice as high. Figure 6 shows the variation in color and pH obtained after the lysis procedure and figure 7, 8 and 9 shows plates with ColiAlert. And figure 10 shows the process of reversible and irreversible change in coloration.</p>
-
<p>Legend: Figure 3. Curve of the absorption spectrum from 300 to 680nm.</p>
+
<p class="graphics"><img src="https://static.igem.org/mediawiki/2014/2/2f/Biobricks-figure3.png" alt="Image03"></p>
-
<p>Legend: Figure 4. The absorption spectrum of ColiAlert at different pHs (Readings at 500nM).</p>
+
<p class="graphics">Figure 3. Curve of the absorption spectrum from 300 to 680nm.</p>
-
<p>Legend: Figure 5. Quantification of extracted DNA (Nanodrop).</p>
+
<p class="graphics"><img src="https://static.igem.org/mediawiki/2014/7/72/Biobricks-figure4.png" alt="Image04"></p>
-
<p>Legend: Figure 6. From left to right, ColiAlert after lysis solution, ColiAlert in acidic solution, and ColiAlert in basic solution.</p>
+
<p class="graphics">Figure 4. The absorption spectrum of ColiAlert at different pHs (Readings at 500nM).</p>
-
<p>Legend: Figure 7. Plate with ColiAlert in LB and the transformation to yellow in the presence of acid solution.</p>
+
<p class="graphics"><img src="https://static.igem.org/mediawiki/2014/2/29/Biobricks-figure5.png" alt="Image05"></p>
-
<p>Legend: Figure 8. Plate with ColiAlert in LB and after the treatment with acid solution.</p>
+
<p class="graphics">Figure 5. Quantification of extracted DNA (Nanodrop).</p>
-
<p>Legend: Figure 9. Plate with ColiAlert and art with the team name.</p>
+
<p class="graphics"><img src="https://static.igem.org/mediawiki/2014/7/7c/Biobricks-figure6.png" alt="Image06"></p>
 +
<p class="graphics">Figure 6. From left to right, ColiAlert after lysis solution, ColiAlert in acidic solution, and ColiAlert in basic solution.</p>
 +
<p class="graphics"><img src="https://static.igem.org/mediawiki/2014/1/15/Biobricks-figure7.jpg" alt="Image07"></p>
 +
<p class="graphics">Figure 7. Plate with ColiAlert in LB and the transformation to yellow in the presence of acid solution.</p>
 +
<p class="graphics"><img src="https://static.igem.org/mediawiki/2014/5/5b/Biobricks-figure8.jpg" alt="Image08"></p>
 +
<p class="graphics">Figure 8. Plate with ColiAlert in LB and after the treatment with acid solution.</p>
 +
<p class="graphics"><img src="https://static.igem.org/mediawiki/2014/9/95/Biobricks-figure9.JPG" alt="Image09"></p>
 +
<p class="graphics">Figure 9. Plate with ColiAlert and art with the team name.</p>
 +
<p class="graphics"><img src="https://static.igem.org/mediawiki/2014/3/31/Biobricks-figure10.png" alt="Image10"></p>
 +
<p class="graphics">Figure 10. Shows the process of reversible and irreversible change in coloration.</p>
 +
</div>
 +
<div class="videocapa">
 +
        <video width="320" height="240" controls>         
 +
                            <source src="https://static.igem.org/mediawiki/2014/1/12/LIKA-CESAR-Brasil_ColiAlert_-_Test_of_color_variation.ogg" type='video/ogg; codecs="theora, vorbis"'/>
 +
                        </video>
 +
</div>
 +
 
         </div>
         </div>
<footer>
<footer>
-
<p><a href="http://www.cesar.org.br/site/">C.E.S.A.R</a> | Rua Bione, 220 Cais do Apolo Bairro do Recife. CEP 50.030-390, Recife - Pernambuco - Brasil</p>
+
<a href="http://www.ufpe.br/lika/"><img src="https://static.igem.org/mediawiki/2014/2/2f/Img_logolika.png" alt="Marca LIKA"></a>
 +
<a href="http://www.cesar.org.br"><img src="https://static.igem.org/mediawiki/2014/d/d7/Img_logocesar.png" alt="Marca CESAR"></a>
</footer>
</footer>
</div>
</div>

Latest revision as of 02:43, 18 October 2014

LIKA | CESAR

PROJECT

ColiAlert

The Coli

How to do a quality control system? ColiAlert!

All laboratory as well as, every machine must have a quality control. Our idea was to use a system based on colorimetric changes to control the quality of the automated extraction robot system. For this, we created ColiAlert. The ColiAlert are bacteria genetically modified that present pink color due the presence of chromoproteins. For this, the biobricks sent to construct a composite that under natural conditions expressed pink, and after extraction procedures, shows yellow color. For this purpose, we decided to use in our project, biobricks provided by the registry. At that stage, it was very important software developed by team-Aalto Helsinki, the BiobrickSeeker. Much time was saved thanks to this tool, which facilitates the search of biobricks sent. Then, were selected chromoproteins available in the registry by Uppsala team, to build our quality control.

It was then possible to construct 3 biobricks. The first (K1565000) is an indicator of cell lysis by the presence of oleic acid. Oleic acid is one of the fatty acids present in the plasmatic membrane. This acid is released in the presence of cell lysis. We built a biobrick with a promoter sensitive to the presence of oleic acid, which stimulates the production of blue chromoprotein for signaling process (Figure 1).

Biobrick K1565000

With the same purpose of signaling the process of extracting nucleic acids, two more biobricks (K1565001 and K1565002)were created (Figure 2). In these yellow chromoproteins were used. This chromoprotein is sensitive in the presence of pH changes. Thus, E. coli transformed with either of these two biobricks, grew with pink color due to the neutral pH of LB media. However, with the addition of the solution at acidic pH, the bacteria instantaneously change their color to yellow. This is a reversible process. The same modified genetically engineered bacteria, will change their color from pink to yellow, and from yellow to pink with variations in pH. The process becomes irreversible when cell lysis occurs, causing the ColiAlert only remains yellow. The biobricks constructed it was placed genes that promote that chromoproteins remain at plasmatic membrane. The process of lysis of the membrane, probably affects the structure of chromoproteins or ability to react with the basic or neutral conditions, thus maintaining its original yellow color.

Biobrick K1565001 and K1565002

This color variation is shown in the graphs of absorbance shown in figure 3 and 4. Figure 3 is an absorbance spectrum generated by readings from 300 to 680nm at pH 4 and 7. It is possible to see that the samples at neutral pH, having two absorption peaks, while acidic pH has only one, showing the transition of colors. In Figure 4 is possible to observe the change in absorbance obtained from samples of ColiAlert diluted in citrate buffer (0.1M) and phosphate buffer (0.1 M) at different pHs in readings of 500nM.

To try to show that ColiAlert signals the process of extracting nucleic acids correctly, we tested the extraction of nucleic acids only with blood, and blood together with ColiAlert. At the end of procedure, the resulting samples were quantified with NanoDrop (Results in Figure 5). It is possible to note the indirect evidence that in the presence of ColiAlert, the amount of DNA generated was more than twice as high. Figure 6 shows the variation in color and pH obtained after the lysis procedure and figure 7, 8 and 9 shows plates with ColiAlert. And figure 10 shows the process of reversible and irreversible change in coloration.

Image03

Figure 3. Curve of the absorption spectrum from 300 to 680nm.

Image04

Figure 4. The absorption spectrum of ColiAlert at different pHs (Readings at 500nM).

Image05

Figure 5. Quantification of extracted DNA (Nanodrop).

Image06

Figure 6. From left to right, ColiAlert after lysis solution, ColiAlert in acidic solution, and ColiAlert in basic solution.

Image07

Figure 7. Plate with ColiAlert in LB and the transformation to yellow in the presence of acid solution.

Image08

Figure 8. Plate with ColiAlert in LB and after the treatment with acid solution.

Image09

Figure 9. Plate with ColiAlert and art with the team name.

Image10

Figure 10. Shows the process of reversible and irreversible change in coloration.

Marca LIKA Marca CESAR