Difference between revisions of "Team:Technion Israel/Design"

 
(78 intermediate revisions by 8 users not shown)
Line 1: Line 1:
 +
{{Team:Technion_Israel/navbar}}
 +
<html lang="en">
 +
   
 +
    <head>
 +
        <!-- Title for the page & metadata  -->       
 +
        <title>S.tar, by iGEM Technion 2016</title>
 +
    <meta charset="utf-8">
 +
    <meta name="navbar" content="width=device-width, initial-scale=1">
  
<html>
+
<style>/* inline page CSS */
 +
 +
body {
 +
}
  
 +
/* ==========Background and effects ========== */
 +
/*Make sure the div is unuiqe to each page*/
 +
.model_wrapper {
 +
position: relative;
 +
 +
background: white; /* For browsers that do not support gradients */
 +
background: -webkit-linear-gradient(white, #f8eee2, white); /* For Safari 5.1 to 6.0 */
 +
background: -o-linear-gradient(white, #f8eee2, white); /* For Opera 11.1 to 12.0 */
 +
background: -moz-linear-gradient(white, #f8eee2, white); /* For Firefox 3.6 to 15 */
 +
background: linear-gradient(white, #f8eee2, white); /* Standard syntax */
 +
/*background-image:url('addres');
 +
background-size:cover;
 +
filter: blur(5px) grayscale(80%) opacity(10%);*/
 +
}
 +
/* ========== END: and effects ========== */
  
 +
.references {
 +
  font-size: 16px;
 +
padding: 20px;
 +
}
  
<h3>★  ALERT! </h3>
 
<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Awards#Special_Prizes"> design special prize</a>. </p>
 
  
 +
/*
 +
Object in external CSS sheet:
  
 +
nav-tabs, cont_tabs:
 +
Open diffrent tabs, we uses imgs.
  
 +
back-to-top:
 +
go back to top. Apears only when going down the page.
  
 +
cont_box:
 +
The containers (box) which hold the texts and imgs in the page.
  
 +
img_cont:
 +
Every in-content-page img needs to have this class of img.
  
<div class="column full_size">
+
no-title-col:
 +
Every in-content-page img needs to have this class of col.
 +
*/
  
 +
/*canceling wiki bug (inlarge imgs stuck the page)*/
 +
.modal-backdrop {
 +
position: relative;
 +
}
  
<p>
+
 
By talking about your design work on this page, there is one medal criterion that you can attempt to meet, and one award that you can apply for. If your team is going for a gold medal by building a functional prototype, you should tell us what you did on this page.
+
.cir_tabs{
 +
/*-webkit-filter: grayscale(0.75);*/
 +
cursor: pointer;
 +
transition: all .5s ease;
 +
margin: 0 auto;
 +
/* border: 2px solid #bbb;
 +
box-shadow: 5px 5px 3px grey;
 +
padding: 15px; */
 +
}
 +
 
 +
.cir_tabs:hover{
 +
-webkit-filter: grayscale(0);
 +
transform: scale(1.2,1.2);
 +
margin: 0 auto;
 +
/*border: 2px solid #000;
 +
box-shadow: 5px 5px 3px grey;*/
 +
}
 +
 
 +
.table{
 +
font-family: "Candara", "Calibri", "Segoe", "Segoe UI", "Optima", Arial, sans-serif;
 +
        font-size: 18px;
 +
font-style: normal;
 +
font-variant: normal;
 +
font-weight: 400;
 +
line-height: 27px;
 +
 +
}
 +
 
 +
 
 +
</style>
 +
 
 +
 
 +
<script>
 +
 
 +
//up arrow:
 +
$(document).ready(function(){
 +
$(window).scroll(function () {
 +
if ($(this).scrollTop() > 350) {
 +
$('#back-to-top').fadeIn();
 +
} else {
 +
$('#back-to-top').fadeOut();
 +
}
 +
});
 +
// scroll body to 0px on click
 +
$('#back-to-top').click(function () {
 +
$('#back-to-top').tooltip('hide');
 +
$('body,html').animate({
 +
scrollTop: 0
 +
}, 800);
 +
return false;
 +
});
 +
 +
$('#back-to-top').tooltip('show');
 +
 
 +
});
 +
////////////////////////
 +
//Code: inlarge img on click:
 +
$(function() {
 +
$('.pop').on('click', function() {
 +
$('.imagepreview').attr('src', $(this).find('img').attr('src'));
 +
$('#imagemodal').modal('show'); 
 +
});
 +
});
 +
//////////////////////
 +
///pop-ups:
 +
$(document).ready(function(){
 +
$('[data-toggle="popover"]').popover();
 +
});
 +
 
 +
$(function () {
 +
$('button').popover();
 +
});
 +
 
 +
</script>
 +
 
 +
</head>
 +
 
 +
 
 +
<body>
 +
 
 +
<header>
 +
</header>
 +
 +
<!-- ===== One overall container (wrapper) ===== -->
 +
<div class="model_wrapper">
 +
 
 +
 
 +
 +
<!-- ======== Cover photo: ======== -->
 +
<div class="row">
 +
<div class="col-xs-12">
 +
<img src="https://static.igem.org/mediawiki/2016/8/8a/T--Technion_Israel--Flashlabcov.jpg" class="img-responsive img-center cont_cover" width="100%">
 +
</div>
 +
</div>
 +
<!-- ===== END: Cover photo: ===== -->
 +
 
 +
 
 +
<br>
 +
 
 +
 
 +
<!-- ============ Tabs: ============ -->
 +
 
 +
<!-- =============== Tabs names: =============== -->
 +
<div class="row">
 +
<div class="col-sm-8 col-sm-offset-2"><!-- 8/12 -->
 +
 +
<ul class="nav nav-tabs" role="tablist">
 +
 
 +
<li role="presentation" class="col-sm-3 col-xs-6">
 +
<a href="#Peshawar" aria-controls="Peshawar" role="tab" data-toggle="tab">
 +
<img src="https://static.igem.org/mediawiki/2016/d/db/T--Technion_Israel--icon_intro.png" class="img-responsive img-center cir_tabs" width="75" height="75">
 +
<br><h4 class="text-center">Introduction</h4>
 +
</a>
 +
</li>
 +
 
 +
<li role="presentation" class="col-sm-3 col-xs-6">
 +
<a href="#Aachen" aria-controls="Aachen" role="tab" data-toggle="tab">
 +
<img src="https://static.igem.org/mediawiki/2016/4/49/T--Technion_Israel--icon_lab.png" class="img-responsive img-center cir_tabs" width="75" height="75">
 +
<br><h4 class="text-center">Design</h4>
 +
</a>
 +
</li>
 +
 
 +
<li role="presentation" class="col-sm-3 col-xs-6">
 +
<a href="#Results" aria-controls="Results" role="tab" data-toggle="tab">
 +
<img src="https://static.igem.org/mediawiki/2016/4/45/T--Technion_Israel--icon_results.png" class="img-responsive img-center cir_tabs" width="75" height="75">
 +
<br><h4 class="text-center">Results</h4>
 +
</a>
 +
</li>
 +
 
 +
<li role="presentation" class="col-sm-3 col-xs-6">
 +
<a href="#outlook" aria-controls="outlook" role="tab" data-toggle="tab">
 +
<img src="https://static.igem.org/mediawiki/2016/4/47/T--Technion_Israel--icon_outlook.png" class="img-responsive img-center cir_tabs" width="75" height="75">
 +
<br><h4 class="text-center">Conclusion</h4>
 +
</a>
 +
</li>
 +
 
 +
</ul>
 +
</div>
 +
</div>
 +
<!-- ========== End: Tabs panel ========== -->
 +
 
 +
 
 +
<!-- =========== Tabs' content =========== -->
 +
<div class="tab-content">
 +
 
 +
<!-- =========== 1. Intro =========== -->
 +
<div role="tabpanel" class="tab-pane fade in active" id="Peshawar">
 +
 +
<!-- ========== Content ========== -->
 +
 
 +
 
 +
<div class="row"><!-- #1 row -->
 +
<div class="col-sm-8 col-sm-offset-2"><!-- 8/12 -->
 +
 
 +
<div class="cont_box">
 +
<div class="row">
 +
<div class="col-sm-12">
 +
<h2 class="">Introduction</h2>
 +
<p class="text-justify">
 +
FlashLab is a novel detection tool based on the <a data-toggle="popover" data-trigger="click" data-original-title="Info:" data-html="true" data-content="biological system that controls the bacterial motion and induces movement away from a chemo-repellent or towards a chemo-attractant">chemotaxis system<i class="entypo-check"></i></button></a> of <I>E. coli</I> bacteria. It utilizes chemotaxis to concentrate bacteria expressing a chromo-protein, this in turn, creates a visible gradient in color – detection of a target material.
 +
FlashLab is an application of the S.Tar project. S.Tar is a platform for programmable chemotaxis that allows the user to select the material that will induce a bacterial chemotactic response. For more information please visit <a href="https://2016.igem.org/Team:Technion_Israel/S.Tar_intro">S.Tar page</a>.
 +
Using S.Tar technology, FlashLab can detect a variety of materials: hormones, amino acids, organic compounds etc.
 +
 
 +
<br>
 +
</p>
 +
</div>
 +
 
 +
<div class="col-md-12">
 +
<a class="pop">
 +
<img src="https://static.igem.org/mediawiki/2016/thumb/9/95/T--Technion_Israel--FlashLab.png/800px-T--Technion_Israel--FlashLab.png" class="img-responsive img-center img-cont" style="cursor: pointer;"><br>
 +
</a>
 +
<p class="text-center"><b>Fig. 1:</b> A scheme of the FlashLab concept, add bacteria expressing the chemoreceptor of your choice and a chromo protein, to a fluidic chip. Add the sample in question to the chip. If the sample contains the substance that is recognized by the chemoreceptor, a displacement of the bacteria will become visible. If not, then no displacement will be seen.</p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div><!-- END: #1 row -->
 +
 
 +
<br>
 +
</div>
 +
<!-- =========== END: Intro =========== -->
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<!-- =========== 2: conection to the project =========== -->
 +
<div role="tabpanel" class="tab-pane fade" id="Aachen">
 +
 
 +
 
 +
<!-- ========== Content ========== -->
 +
 
 +
 
 +
<div class="row"><!-- #1 row -->
 +
<div class="col-sm-8 col-sm-offset-2"><!-- 8/12 -->
 +
 
 +
<div class="cont_box">
 +
<div class="row">
 +
 
 +
 
 +
<div class="col-sm-12">
 +
<h2 class="">Design</h2>
 +
<h3>FlashLab parts</h3>
 +
<p class="text-justify">
 +
The device is composed of a <a href="http://ibidi.com/xtproducts/en/ibidi-Labware/sticky-Slides/sticky-Slide-I-Luer"target="_blank">commercial fluidic chip</a>:
 +
</p>
 +
</div>
 +
 
 +
<div class="col-md-12">
 +
<a class="pop">
 +
<img src="https://static.igem.org/mediawiki/2016/8/82/T--Technion_Israel--fig2.jpg" class="img-responsive img-center img-cont" style="cursor: pointer;"><br>
 +
</a>
 +
<p class="text-center"><b>Fig. 1:</b>The geometry of a commercial fluidic chip.</p>
 +
</div>
 +
 
 +
<div class="col-sm-12">
 +
<p class="text-justify">
 +
The chip is open on the bottom part and closed with a standard microscope cover glass (0.3 [mm] thick).
 +
</p>
 +
</div>
 +
 
 +
<br>
 +
<br>
 +
 
 +
<div class="col-sm-12">
 +
<h3>FlashLab setup</h3>
 +
<p class="text-justify">
 +
The setup of the device is composed of two parts, as shown below (Figure 2):<br>
 +
 
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>a. </b>The channel is filled with colored <i>E. coli</i>  bacteria suspended in motility buffer.<br>
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>b. </b>The sample is loaded into one of the entry slots.
 +
 
 +
</p>
 +
</div>
 +
 
 +
<div class="col-md-12">
 +
<a class="pop">
 +
<img src="https://static.igem.org/mediawiki/2016/thumb/c/c1/T--Technion_Israel--fig3.jpg/800px-T--Technion_Israel--fig3.jpg" class="img-responsive img-center img-cont" style="cursor: pointer;"><br>
 +
</a>
 +
<p class="text-center"><b>Fig. 2: </b>The chip setup.</p>
 +
</div>
 +
 
 +
<div class="col-sm-12">
 +
<h3>FlashLab assay</h3>
 +
<p class="text-justify">
 +
Once the sample is loaded, it diffuses into the channel. If the sample contains a repellent, the bacteria
 +
will react and flee from it as shown below:
 +
</p>
 +
</div>
 +
 
 +
<div class="col-md-12">
 +
<a class="pop">
 +
<img src="https://static.igem.org/mediawiki/2016/thumb/8/84/T--Technion_Israel--fig44.jpg/800px-T--Technion_Israel--fig44.jpg" class="img-responsive img-center img-cont" style="cursor: pointer;"><br>
 +
</a>
 +
<p class="text-center"><b>Fig. 3: </b>Chemotaxis reaction in the chip.</p>
 +
</div>
 +
 
 +
<div class="col-sm-12">
 +
<p class="text-justify">
 +
The chemotactic response will result in visible changes in the bacterial concentration throughout the chip: Very low concentration in the immediate area of the slot in which the sample was loaded, adjacent to a higher concentration of bacteria created due to the fleeing bacterial population. These changes will be visible to the naked eye, as the higher concentration of colored bacteria results in darker color (blue gradient, figures 2 and 3).
 +
If the sample does not contain the target material, the bacteria will not react and no gradient will be formed.
 +
<br><br>
 +
For more information see <a href="https://2016.igem.org/Team:Technion_Israel/Model">mathematical model</a>.
 +
</p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div><!-- END: #1 row -->
 +
</div>
 +
<!-- =========== END: 2 - conection to the project =========== -->
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<!-- ==================== 3: Resuls ==================== -->
 +
<div role="tabpanel" class="tab-pane fade" id="Results">
 +
 
 +
<!-- ========== Content ========== -->
 +
 
 +
 
 +
<div class="row"><!-- #1 row -->
 +
<div class="col-sm-8 col-sm-offset-2"><!-- 8/12 -->
 +
 
 +
<div class="cont_box">
 +
<div class="row">
 +
 
 +
 
 +
<div class="col-sm-12">
 +
<h2 class="">Results</h2>
 +
<h3>FlashLab parts</h3>
 +
<p class="text-justify">
 +
The setup of the device is as shown in the "Design" Tab. The bacteria, UU1250  <I>E.coli</I> strain with a cloned Tar-PctA receptor , was picked from a petri dish and suspended in motility buffer. The Chemo-repellent used was TCE (trichloroethylene) in concentration of 0.02 [M] while the control was motility buffer. The images were taken in a different times.
 +
 +
</p>
 +
</div>
 +
</div>
 +
 
 +
<!-- 12 img div -->
 +
<div class="row">
 +
<div class="col-sm-8 col-sm-offset-2"><!-- 8/12 -->
 +
<div class="col-md-6 col-sm-12">
 +
<p class="text-justify">a.</p>
 +
<a class="pop">
 +
<img src="https://static.igem.org/mediawiki/igem.org/c/ca/T--Technion_Israel--Model2.png" class="img-responsive img-center img-cont" width="290" style="cursor: pointer;"><br>
 +
</a>
 +
</div>
 +
<div class="col-md-6 col-sm-12">
 +
<p class="text-justify">b.</p>
 +
<a class="pop">
 +
<img src="https://static.igem.org/mediawiki/2016/7/76/T--Technion_Israel--ModelControl.png" class="img-responsive img-center img-cont" width="220" style="cursor: pointer;"><br>
 +
</a>
 +
</div>
 +
<div class="col-md-12 col-sm-12">
 +
<p class="text-center"><b>Fig. 1:</b>
 +
<b>a.</b> Chemotaxis of <i>E. coli</i> with a S.Tar PctA receptor due to exposure to TCE (enhanced picture).
 +
<b>b.</b> <i>E. coli</i> with a S.Tar PctA receptor exposed to motility buffer (control).
 +
</p>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="col-sm-12">
 +
<p class="text-justify">
 +
After 15[min] , a noticeable color gradient is formed in the channel. In 120 [min] a relatively light shade can be seen near the entry point. Adjacent to it, an area with a darker tone and from there up to the end of the channel, the color did not change at all. This fits the theory perfectly, as the lighter shade is caused by colored bacteria moving away from the repellent. The darker shade is the clustering of bacteria in the chemo-repellent diffusion limit. All other bacteria in the channel, were not exposed to the repellent and did not react accordingly.
 +
 +
<br>
 +
<br>
 +
For more information see chip <a href="https://static.igem.org/mediawiki/2016/1/11/T--Technion_Israel--Protocol_-_Chemotaxis_on_chip_test.pdf"target="_blank">experiment protocol</a>.
 +
</p>
 +
</div>
 +
</div>
 +
 +
</div>
 +
</div>
 +
</div><!-- END: #1 row -->
 +
</div>
 +
<!-- ====================END: 3 Resuls ==================== -->
 +
 
 +
 
 +
 
 +
 
 +
<!-- ==================== 4: Outlook ==================== -->
 +
<div role="tabpanel" class="tab-pane fade" id="outlook">
 +
 
 +
<!-- ========== Content ========== -->
 +
 
 +
<div class="row"><!-- #1 row -->
 +
<div class="col-sm-8 col-sm-offset-2"><!-- 8/12 -->
 +
 
 +
<div class="cont_box">
 +
<div class="row">
 +
 
 +
 
 +
<div class="col-sm-12">
 +
<h2 class="">Conclusion</h2>
 +
<p class="text-justify">
 +
 
 +
We developed FlashLab, the hardware of the S.Tar platform. S.Tar has the potential to offer a wide library of “expert” strains for the detection of materials that do not naturally induce chemotactic movement in the native <i>E. coli</i>.  This was obtained using synthetic biology tools, including computational design which allowed us to create new mutations in the Tar chemoreceptor.  
 +
<br>
 +
<br>
 +
FlashLab is a tool which combines both biological and mechanical aspects. As we mentioned before, computational tools were required as well in order to develop the S.Tar platform. This multidisciplinary innovation was achieved thanks to the different backgrounds of our team members. Our team is comprised of students from the faculty of Biotechnology that oversaw the Tar chemoreceptor modification in the wet lab, students from the faculties of Mechanical engineering and Chemical engineering that developed the mathematical model for the flow and chemotaxis profiles inside the microchannel and students from the faculties of Electrical engineering and Computer Science that were in charge of the computational design aspects of the project. The unique composition of our team was crucial to the construction of a complex but elegant system.
 +
<br>
 
</p>
 
</p>
 +
<br>
 +
<br>
 +
<br>
  
 +
<div class="row">
  
<p>This is a prize for the team that has developed a synthetic biology product to solve a real world problem in the most elegant way. The students will have considered how well the product addresses the problem versus other potential solutions, how the product integrates or disrupts other products and processes, and how its lifecycle can more broadly impact our lives and environments in positive and negative ways.</p>
 
  
<p>
+
<div class="col-sm-12">
If you are working on art and design as your main project, please join the art and design track. If you are integrating art and design into the core of your main project, please apply for the award by completing this page.
+
<h2 class="">Advantages</h2>
 +
<p class="text-justify">
 +
 
 +
<br>
 +
There are several methods for detection of small molecules. The following table summarizes the most common methods in the field:
 
</p>
 
</p>
 +
<br>
 +
</div>
 +
</div>
  
  
<p>Teams who want to focus on art and design should be in the art and design special track. If you want to have a sub-project in this area, you should compete for this award.</p>
+
 
 +
 
 +
 
 +
 
 +
    <table class="table table-list-search">
 +
                    <thead>
 +
                        <tr>
 +
                            <th>Method</th>
 +
                            <th>Description</th>
 +
                            <th>Disadvantages</th>
 +
                        </tr>
 +
                    </thead>
 +
 
 +
                    <tbody>
 +
 +
    <tr>
 +
                            <td>Reporter genes <b>(2)</b></td>
 +
                            <td>Fusion of a reporter gene to a biological biobrick which is regulated by a material of interest. </td>
 +
                            <td>Requires gene expression and translation.<br>The material of interest must penetrate the bacterial membrane. </td>
 +
                        </tr>
 +
 
 +
                        <tr>
 +
                            <td>Chromogenic assay <b>(3)</b></td>
 +
                            <td>A chemical reaction which results in the change of absorbance of a certain molecule when it interacts with the analyte.</td>
 +
                            <td>Specific for very limited range of molecules.<br>Expensive.</td>
 +
                        </tr>
 +
 
 +
                        <tr>
 +
                            <td>ELISA- Immunofluorescence assay <b>(4)</b></td>
 +
                            <td>A specific interaction between an antibody and its antigen is coupled to an enzymatic fluorescent reaction.</td>
 +
                            <td>Specific antibodies are required.<br>Expensive.<br>Requires dedicated equipment.</td>
 +
                        </tr>
 +
 +
                        <tr>
 +
                            <td>HPLC <b>(5)</b></td>
 +
                            <td>Chromatographic separation based on polarity.</td>
 +
                            <td>Requires dedicated equipment and expertise.<br>Expensive</td>
 +
 +
                    </tbody>
 +
                </table> 
 +
 
 +
<br>
 +
<br>
 +
<br>
 +
<p class="text-justify">
 +
FlashLab advantages as a detection tool:
 +
<br>- <b>Cost effective</b>: The only major cost is the fluidic chip which costs about 15$ and can be reused multiple times.
 +
<br>- <b>Fast</b>: as shown in the experiments, the detection takes about 30 minutes. This is faster than most other bacterial based detection that depends on transcription and translation.
 +
<br>- <b>Versatile</b>: The S.Tar system enables this device to detect a variety of materials: hormones, amino acids, organic compounds etc.
 +
<br>- <b>User friendly</b>: The setup of the system is an easy two part process.<br>
 +
FlashLab, offers a fast, cheap, easy to use and versatile detection.<br>
 +
<br>
 +
<br>
 +
 
 +
</p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div><!-- ============ END: Tabs ============ -->
 +
 
 +
 
 +
<!--Code: Click on img to enlarge it-->
 +
<div class="modal fade" id="imagemodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
  <div class="modal-dialog">
 +
    <div class="modal-content">             
 +
      <div class="modal-body">
 +
      <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
 +
        <img src="" class="imagepreview" style="width: 100%;" >
 +
      </div>
 +
    </div>
 +
 
 +
 
 +
</div>
 
</div>
 
</div>
  
 +
 +
<br>
 +
<br>
 +
 +
<div class="row">
 +
<div class="col-sm-8 col-sm-offset-2"><!-- 8/12 -->
 +
 +
 +
<p class="references">
 +
References:<br>
 +
1. MAZZAG, B. C.; ZHULIN, I. B.; MOGILNER, Alexander. Model of bacterial band formation in aerotaxis. Biophysical journal, 2003, 85.6: 3558-3574.<br><br>
 +
2. Naylor, Louise H. "Reporter gene technology: the future looks bright."Biochemical pharmacology 58.5 (1999): 749-757.<br>
 +
3. Santos-Figueroa, Luis E., et al. "Chromogenic and fluorogenic chemosensors and reagents for anions. A comprehensive review of the years 2010–2011." Chemical Society Reviews 42.8 (2013): 3489-3613.‏<br><br>
 +
4. Blake, Christopher, and Barry J. Gould. "Use of enzymes in immunoassay techniques. A review." Analyst 109.5 (1984): 533-547.<br><br>‏
 +
5. Kucharska, Marta, and Jan Grabka. "A review of chromatographic methods for determination of synthetic food dyes." Talanta 80.3 (2010): 1045-1051.‏<br><br>‏
 +
</p>
 +
 +
 +
</div>
 +
</div>
 +
 +
<br>
 +
<br>
  
  
 +
<a id="back-to-top" href="#" class="btn btn-lg back-to-top" role="button" title="Up" data-toggle="tooltip" data-placement="left"><img src="https://static.igem.org/mediawiki/2016/5/5a/T--Technion_Israel--up_arrow.png" alt=""></a>
  
  
 +
</body>
 
</html>
 
</html>
 +
{{:Team:Technion_Israel/supporters}}

Latest revision as of 23:24, 19 October 2016

S.tar, by iGEM Technion 2016

S.tar, by iGEM Technion 2016

Introduction

FlashLab is a novel detection tool based on the chemotaxis system of E. coli bacteria. It utilizes chemotaxis to concentrate bacteria expressing a chromo-protein, this in turn, creates a visible gradient in color – detection of a target material. FlashLab is an application of the S.Tar project. S.Tar is a platform for programmable chemotaxis that allows the user to select the material that will induce a bacterial chemotactic response. For more information please visit S.Tar page. Using S.Tar technology, FlashLab can detect a variety of materials: hormones, amino acids, organic compounds etc.


Fig. 1: A scheme of the FlashLab concept, add bacteria expressing the chemoreceptor of your choice and a chromo protein, to a fluidic chip. Add the sample in question to the chip. If the sample contains the substance that is recognized by the chemoreceptor, a displacement of the bacteria will become visible. If not, then no displacement will be seen.


Design

FlashLab parts

The device is composed of a commercial fluidic chip:


Fig. 1:The geometry of a commercial fluidic chip.

The chip is open on the bottom part and closed with a standard microscope cover glass (0.3 [mm] thick).



FlashLab setup

The setup of the device is composed of two parts, as shown below (Figure 2):
      a. The channel is filled with colored E. coli bacteria suspended in motility buffer.
      b. The sample is loaded into one of the entry slots.


Fig. 2: The chip setup.

FlashLab assay

Once the sample is loaded, it diffuses into the channel. If the sample contains a repellent, the bacteria will react and flee from it as shown below:


Fig. 3: Chemotaxis reaction in the chip.

The chemotactic response will result in visible changes in the bacterial concentration throughout the chip: Very low concentration in the immediate area of the slot in which the sample was loaded, adjacent to a higher concentration of bacteria created due to the fleeing bacterial population. These changes will be visible to the naked eye, as the higher concentration of colored bacteria results in darker color (blue gradient, figures 2 and 3). If the sample does not contain the target material, the bacteria will not react and no gradient will be formed.

For more information see mathematical model.

Results

FlashLab parts

The setup of the device is as shown in the "Design" Tab. The bacteria, UU1250 E.coli strain with a cloned Tar-PctA receptor , was picked from a petri dish and suspended in motility buffer. The Chemo-repellent used was TCE (trichloroethylene) in concentration of 0.02 [M] while the control was motility buffer. The images were taken in a different times.

a.


b.


Fig. 1: a. Chemotaxis of E. coli with a S.Tar PctA receptor due to exposure to TCE (enhanced picture). b. E. coli with a S.Tar PctA receptor exposed to motility buffer (control).

After 15[min] , a noticeable color gradient is formed in the channel. In 120 [min] a relatively light shade can be seen near the entry point. Adjacent to it, an area with a darker tone and from there up to the end of the channel, the color did not change at all. This fits the theory perfectly, as the lighter shade is caused by colored bacteria moving away from the repellent. The darker shade is the clustering of bacteria in the chemo-repellent diffusion limit. All other bacteria in the channel, were not exposed to the repellent and did not react accordingly.

For more information see chip experiment protocol.

Conclusion

We developed FlashLab, the hardware of the S.Tar platform. S.Tar has the potential to offer a wide library of “expert” strains for the detection of materials that do not naturally induce chemotactic movement in the native E. coli. This was obtained using synthetic biology tools, including computational design which allowed us to create new mutations in the Tar chemoreceptor.

FlashLab is a tool which combines both biological and mechanical aspects. As we mentioned before, computational tools were required as well in order to develop the S.Tar platform. This multidisciplinary innovation was achieved thanks to the different backgrounds of our team members. Our team is comprised of students from the faculty of Biotechnology that oversaw the Tar chemoreceptor modification in the wet lab, students from the faculties of Mechanical engineering and Chemical engineering that developed the mathematical model for the flow and chemotaxis profiles inside the microchannel and students from the faculties of Electrical engineering and Computer Science that were in charge of the computational design aspects of the project. The unique composition of our team was crucial to the construction of a complex but elegant system.




Advantages


There are several methods for detection of small molecules. The following table summarizes the most common methods in the field:





FlashLab advantages as a detection tool:
- Cost effective: The only major cost is the fluidic chip which costs about 15$ and can be reused multiple times.
- Fast: as shown in the experiments, the detection takes about 30 minutes. This is faster than most other bacterial based detection that depends on transcription and translation.
- Versatile: The S.Tar system enables this device to detect a variety of materials: hormones, amino acids, organic compounds etc.
- User friendly: The setup of the system is an easy two part process.
FlashLab, offers a fast, cheap, easy to use and versatile detection.




References:
1. MAZZAG, B. C.; ZHULIN, I. B.; MOGILNER, Alexander. Model of bacterial band formation in aerotaxis. Biophysical journal, 2003, 85.6: 3558-3574.

2. Naylor, Louise H. "Reporter gene technology: the future looks bright."Biochemical pharmacology 58.5 (1999): 749-757.
3. Santos-Figueroa, Luis E., et al. "Chromogenic and fluorogenic chemosensors and reagents for anions. A comprehensive review of the years 2010–2011." Chemical Society Reviews 42.8 (2013): 3489-3613.‏

4. Blake, Christopher, and Barry J. Gould. "Use of enzymes in immunoassay techniques. A review." Analyst 109.5 (1984): 533-547.

‏ 5. Kucharska, Marta, and Jan Grabka. "A review of chromatographic methods for determination of synthetic food dyes." Talanta 80.3 (2010): 1045-1051.‏



S.tar, by iGEM Technion 2016