Difference between revisions of "Team:UPF CRG Barcelona/InterLab"

Line 9: Line 9:
 
<script src="https://2018.igem.org/Team:UPF_CRG_Barcelona/plotly?action=raw&ctype=text/javascript" charset="utf-8" type="text/javascript"></script>                 
 
<script src="https://2018.igem.org/Team:UPF_CRG_Barcelona/plotly?action=raw&ctype=text/javascript" charset="utf-8" type="text/javascript"></script>                 
 
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
 
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
−
<body>
+
 
 +
<body>
 
   <div class="sticky-top">
 
   <div class="sticky-top">
  
Line 33: Line 34:
 
           <div class="navbar-grid">
 
           <div class="navbar-grid">
 
             <!--class is-active for showing active menu-->
 
             <!--class is-active for showing active menu-->
−
             <a style="color: rgb(242, 242, 242)" class="navbar-item" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Description">Project</a>
+
             <a class="navbar-item" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Description">Project</a>
−
             <a style="color: rgb(242, 242, 242)" class="navbar-item" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/DryLab">DryLab</a>
+
             <a class="navbar-item" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/DryLab">DryLab</a>
−
             <a style="color: rgb(242, 242, 242)" class="navbar-item" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Parts">Parts</a>
+
             <a class="navbar-item" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Parts">Parts</a>
−
             <a style="color: rgb(242, 242, 242)" class="navbar-item is-active" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Deliverables">Deliverables</a>
+
             <a class="navbar-item is-active" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Deliverables">Deliverables</a>
−
             <a style="color: rgb(242, 242, 242)" class="navbar-item" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/WetLab">WetLab</a>
+
             <a class="navbar-item" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/WetLab">WetLab</a>
−
             <a style="color: rgb(242, 242, 242)" class="navbar-item" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Intro_HP">Human Practices</a>
+
             <a class="navbar-item" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Intro_HP">Human Practices</a>
−
             <a style="color: rgb(242, 242, 242)" class="navbar-item" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Aboutteam">Team</a>
+
             <a class="navbar-item" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Aboutteam">Team</a>
 
           </div>
 
           </div>
 
         </div>
 
         </div>
Line 172: Line 173:
 
         <p class="subapart3">Particle Standard Curve</p>
 
         <p class="subapart3">Particle Standard Curve</p>
 
         <center>
 
         <center>
−
           <div id="interlab_standardcurve_1" style="width:90%;height:400px;">
+
           <div id="interlab_standardcurve_1" style="width:70vw;">
 
             <script>
 
             <script>
 
               INTERLAB = document.getElementById('interlab_standardcurve_1');
 
               INTERLAB = document.getElementById('interlab_standardcurve_1');
Line 207: Line 208:
 
                   family: "PT Sans",
 
                   family: "PT Sans",
 
                   size: 15,
 
                   size: 15,
 +
                  autosize: true // set autosize to rescale
 
                 },
 
                 },
 
                 xaxis: {
 
                 xaxis: {
Line 238: Line 240:
 
               };
 
               };
 
               Plotly.newPlot('interlab_standardcurve_1', data, layout, {
 
               Plotly.newPlot('interlab_standardcurve_1', data, layout, {
−
                 displayModeBar: false, responsive: true
+
                 displayModeBar: false
 
               });
 
               });
 
             </script>
 
             </script>
 
           </div>
 
           </div>
 
           <p class="fig-caption">Figure 1 | Graph showing the Standard curve for the calibration of OD600nm with silica beads. </p>
 
           <p class="fig-caption">Figure 1 | Graph showing the Standard curve for the calibration of OD600nm with silica beads. </p>
−
           <div id="interlab_standardcurve" style="width:90%;height:400px;">
+
           <div id="interlab_standardcurve" style="width:70vw;">
 
             <script>
 
             <script>
 
              
 
              
Line 249: Line 251:
 
                 1840000.000,
 
                 1840000.000,
 
                 919000.000, 460000.000, 230000.000, 0.000
 
                 919000.000, 460000.000, 230000.000, 0.000
−
               ],
+
               ];
 
               var y = [0.364, 0.2165, 0.1515, 0.101, 0.073249996, 0.05725, 0.047250003, 0.041, 0.039249998, 0.038,
 
               var y = [0.364, 0.2165, 0.1515, 0.101, 0.073249996, 0.05725, 0.047250003, 0.041, 0.039249998, 0.038,
 
                 0.0375,
 
                 0.0375,
 
                 0.03475
 
                 0.03475
−
               ],
+
               ];
 
               var trace1 = {
 
               var trace1 = {
 
                 x: x,
 
                 x: x,
Line 278: Line 280:
 
                   family: "PT Sans",
 
                   family: "PT Sans",
 
                   size: 15,
 
                   size: 15,
 +
                  autosize: true // set autosize to rescale
 
                 },
 
                 },
 
                 xaxis: {
 
                 xaxis: {
Line 370: Line 373:
 
         <p>This calibration has a R<sup>2</sup>=0,8547.</p>
 
         <p>This calibration has a R<sup>2</sup>=0,8547.</p>
 
         <center>
 
         <center>
−
           <div id="interlab_standardcurve3" style="width:90%;height:400px;">
+
           <div id="interlab_standardcurve3" style="width:70vw;">
 
             <script>
 
             <script>
 
               var x = [10, 5, 2.5, 0.625, 0.3125, 0.15625, 0.078125, 0.0390625, 0.0195313, 0.0097656, 0];
 
               var x = [10, 5, 2.5, 0.625, 0.3125, 0.15625, 0.078125, 0.0390625, 0.0195313, 0.0097656, 0];
Line 400: Line 403:
 
                   family: "PT Sans",
 
                   family: "PT Sans",
 
                   size: 15,
 
                   size: 15,
 +
                  autosize: true // set autosize to rescale
 
                 },
 
                 },
 
                 xaxis: {
 
                 xaxis: {
Line 437: Line 441:
 
           <p class="fig-caption">Figure 3 | Fluorescence standard curve to calibrate the measurements with fluorescein. </p>
 
           <p class="fig-caption">Figure 3 | Fluorescence standard curve to calibrate the measurements with fluorescein. </p>
 
          
 
          
−
           <div id="interlab_standardcurve_4" style="width:90%;height:400px;">
+
           <div id="interlab_standardcurve_4" style="width:70vw;">
 
             <script>
 
             <script>
 
              
 
              
Line 468: Line 472:
 
                   family: "PT Sans",
 
                   family: "PT Sans",
 
                   size: 15,
 
                   size: 15,
 +
                  autosize: true // set autosize to rescale
 
                 },
 
                 },
 
                 xaxis: {
 
                 xaxis: {
Line 575: Line 580:
 
         <p class="subapart3">Fluorescence per optical density</p>
 
         <p class="subapart3">Fluorescence per optical density</p>
 
         <center>
 
         <center>
−
           <div id="interlab_measure1" style="width:90%;height:400px;"></div>
+
           <div id="interlab_measure1" style="width:70vw;"></div>
 
           <script>
 
           <script>
 
             var x = ['Negative Control', 'Negative Control', 'Negative Control', 'Negative Control', 'Negative Control',
 
             var x = ['Negative Control', 'Negative Control', 'Negative Control', 'Negative Control', 'Negative Control',
Line 625: Line 630:
 
                 family: "PT Sans",
 
                 family: "PT Sans",
 
                 size: 15,
 
                 size: 15,
 +
                autosize: true // set autosize to rescale
 
               },
 
               },
 
               xaxis: {
 
               xaxis: {
Line 665: Line 671:
  
 
           <p class="fig-caption">Figure 5 | Fluorescein (uM) related to OD600nm to extrapolate measures of fluorescence with optical density measurements.  </p>
 
           <p class="fig-caption">Figure 5 | Fluorescein (uM) related to OD600nm to extrapolate measures of fluorescence with optical density measurements.  </p>
−
           <div id="interlab_measure2" style="width:90%;height:400px;">
+
           <div id="interlab_measure2" style="width:70vw;">
 
             <script>
 
             <script>
 
               var x = ['Negative Control', 'Negative Control', 'Negative Control', 'Negative Control',
 
               var x = ['Negative Control', 'Negative Control', 'Negative Control', 'Negative Control',
Line 721: Line 727:
 
                   family: "PT Sans",
 
                   family: "PT Sans",
 
                   size: 15,
 
                   size: 15,
 +
                  autosize: true // set autosize to rescale
 
                 },
 
                 },
 
                 xaxis: {
 
                 xaxis: {
Line 764: Line 771:
 
         <p class="subapart3">Colony Forming Units per OD600</p>
 
         <p class="subapart3">Colony Forming Units per OD600</p>
 
         <center>
 
         <center>
−
           <div id="interlab_measure3" style="width:90%;height:400px;">
+
           <div id="interlab_measure3" style="width:70vw;">
 
             <script>
 
             <script>
 
               var first = {
 
               var first = {
Line 823: Line 830:
 
                   family: "PT Sans",
 
                   family: "PT Sans",
 
                   size: 15,
 
                   size: 15,
 +
                  autosize: true // set autosize to rescale
 
                 },
 
                 },
 
                 xaxis: {
 
                 xaxis: {
Line 856: Line 864:
 
                 },
 
                 },
 
               };
 
               };
−
 
+
               Plotly.newPlot('interlab_measure3', data, layout, {responsive: true, displayModeBar: false});
−
               Plotly.newPlot('interlab_measure3', data, layout, {
+
−
                displayModeBar: false
+
−
              });
+
 
             </script>
 
             </script>
 
           </div>
 
           </div>
Line 877: Line 882:
  
 
<script src="https://2018.igem.org/Team:UPF_CRG_Barcelona/scripts?action=raw&ctype=text/javascript" charset="utf-8" type="text/javascript"></script>  
 
<script src="https://2018.igem.org/Team:UPF_CRG_Barcelona/scripts?action=raw&ctype=text/javascript" charset="utf-8" type="text/javascript"></script>  
−
 
+
  <!-- JS code -->
−
<script>
+
  <script src="js/scripts.js"></script>
 +
  <script src="js/devel.js"></script>
 +
  <script>
 
     // Initialize Swiper
 
     // Initialize Swiper
 
     var swiper = new Swiper('.swiper-container', {
 
     var swiper = new Swiper('.swiper-container', {
Line 920: Line 927:
 
       },
 
       },
 
     });
 
     });
 +
    window.onresize = function() {
 +
        Plotly.relayout('interlab_standardcurve_1', {
 +
          width: Math.round(document.body.clientWidth * 0.7),
 +
        })
 +
        Plotly.relayout('interlab_standardcurve', {
 +
          width: Math.round(document.body.clientWidth * 0.7),
 +
        })
 +
        Plotly.relayout('interlab_standardcurve3', {
 +
          width: Math.round(document.body.clientWidth * 0.7),
 +
        })
 +
        Plotly.relayout('interlab_standardcurve_4', {
 +
          width: Math.round(document.body.clientWidth * 0.7),
 +
        })
 +
        Plotly.relayout('interlab_measure1', {
 +
          width: Math.round(document.body.clientWidth * 0.7),
 +
        })
 +
        Plotly.relayout('interlab_measure2', {
 +
          width: Math.round(document.body.clientWidth * 0.7),
 +
        })
 +
        Plotly.relayout('interlab_measure3', {
 +
          width: Math.round(document.body.clientWidth * 0.7),
 +
        })
 +
    };
 
   </script>
 
   </script>
 
</body>
 
</body>
−
 
−
</html>
 

Revision as of 09:55, 16 October 2018

Wiki

INTERLAB

Introduction

The aim of the Interlab Study is to develop a reliable and repeatable measurement based on cell number, fluorescence, absorbance (optical density) and colony formation units (CFUs). Each year, iGEM teams collaborate in measuring these parameters following the same protocol to obtain a way to have accurate and reliable measurements, which are essential for all sciences, including synthetic biology.

The main part of the Interlab has been always the green fluorescent protein (GFP), one of the biological markers most used in synthetic biology.

The goal of the fifth edition of Interlab is to discover the sources of variability in measurements and be able to correct them, so the measurements taken in different labs will not be variable anymore.

This year question is: Can we reduce lab-to-lab variability in fluorescence measurements by normalizing to absolute cell count or CFUs instead of OD?

Materials and Methods

Before the starting the experimental part, a plate reader was needed. Due to the lack of plate reader in our laboratory, it was kindly asked to Proteomics and Protein Chemistry Unit (DCEXS-UPF, PRBB) to use their equipment. The plate reader is the Synergy HTX Multimode Reader from Biotek, it can measure both absorbance and fluorescence. It has pathlength correction, which was not disconnected. It has control over temperature and it was set as room temperature (around 24-25ºC). The excitation filter was 485/20 nm and the emission filter 528/20 nm and bottom optics were used. Moreover, the plates were black and flat-bottomed.

Eight plasmids needed to be characterized in DH5-alpha E.coli strain in order to follow the protocol. The strain was obtained by collaboration with BIO-IQS iGEM team. The plasmids are the following: BBa_R0040, BBa_R0040, BBa_I20270, BBa_J3604000, BBA_J364001, BBa_J364002, BBa_J364007, BBa_J364008, BBa_J364009.

The materials used over the protocol are the same ones specified in the iGEM 2018 Interlab Study Protocol.

Results

Calibration

OD600 Reference Point

Ludox CL-X H2O
Replicate 1 0.056 0.034
Replicate 2 0.056 0.034
Replicate 3 0.056 0.034
Replicate 4 0.056 0.034
Arithmetic Mean 0.056 0.034
Corrected Abs600 0.022
Reference OD600 0.063
OD600/Abs600 2.864

Table 1 | Date from the OD600 Reference Point in calibration 1.

Particle Standard Curve

Figure 1 | Graph showing the Standard curve for the calibration of OD600nm with silica beads.

Figure 2 | Graph showing the Logaritmic Standard curve for the calibration of OD600nm with silica beads.

Number of Particles 2.35E+08 1.18E+08 5.88E+07 2.94E+07 1.47E+07 7.35E+06 3.68E+06 1.84E+06 9.19E+05 4.60E+05 2.30E+05
Mean particles / Abs600 7.15E+08 6.47E+08 5.04E+08 4.44E+08 3.82E+08 3.27E+08 2.94E+08 2.94E+08 2.04E+08 1.41E+08 8.36E+07
Mean of med-high levels: 4.61E+08

Table 2 | Particles per Optical density measured.

Fluorescein Standard Curve

This calibration has a R2=0,8547.

Figure 3 | Fluorescence standard curve to calibrate the measurements with fluorescein.

Figure 4 | Logaritmic Fluorescence Standard curve to calibrate the measurements with fluorescein.

Fluorescein uM 10.00 5.00 2.50 1.25 0.625 0.3125 0.15625 0.078125 0.0390625 0.0295313 0.0097656
uM Fluorescein / a.u. 1.31E-04 6,57E-05 6.18E-05 6.00E-05 5.91E-05 5.84E-05 5.81E-05 7.17E-05 5.01E-05 4.81E-05 4.85E-05
Mean uM fluorescein / a.u. 6.10E-05
MEFL / a.u. 3.67E+08

Table 3 | Fluorescence in arbitrary units (a.u.) represented by Molecules of Equivalent FLuorescein (MEFL).

Measurement

Fluorescence per optical density

Figure 5 | Fluorescein (uM) related to OD600nm to extrapolate measures of fluorescence with optical density measurements.

Figure 6 | Fluorescence per particle measured at 0 hours and at 6 hours after growing at 37ºC

Colony Forming Units per OD600

Figure 7 | Colony forming units count on each dilution and on each device (postive and negative control)