Difference between revisions of "Team:UMaryland/Measurement"

Line 27: Line 27:
 
<link href='https://fonts.googleapis.com/css?family=Raleway:400,200' rel='stylesheet' type='text/css'>
 
<link href='https://fonts.googleapis.com/css?family=Raleway:400,200' rel='stylesheet' type='text/css'>
 
<link href='https://fonts.googleapis.com/css?family=Exo|Lora' rel='stylesheet' type='text/css'>
 
<link href='https://fonts.googleapis.com/css?family=Exo|Lora' rel='stylesheet' type='text/css'>
 +
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
 +
 
<title>Interlab Study</title>
 
<title>Interlab Study</title>
 
</head>
 
</head>
 
<body>
 
<body>
 +
<style>
 +
/* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; }
 +
</style>
 +
<style>
 +
@charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('https://static.igem.org/mediawiki/2016/8/85/T--UMaryland--ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('./fonts/slick.eot'); src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('https://static.igem.org/mediawiki/2016/a/a9/T--UMaryland--slick.woff') format('woff'), url('https://static.igem.org/mediawiki/2016/b/b8/T--UMaryland--slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; }
 +
</style>
 +
<script src="https://static.igem.org/mediawiki/2016/d/d3/T--UMaryland--slick.txt" type="text/javascript">
 +
</script>
 
<nav>
 
<nav>
 
<img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logo" width="128px">
 
<img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logo" width="128px">
Line 159: Line 169:
 
</ul>
 
</ul>
 
</div>
 
</div>
<div class="longText">
+
<div class="longText" id="div-protocol">
 
<h4>Protocol</h4>
 
<h4>Protocol</h4>
 
<ol>
 
<ol>
Line 183: Line 193:
 
</div>
 
</div>
 
<div id="div-figures">
 
<div id="div-figures">
<img class="figure" src="https://static.igem.org/mediawiki/2016/a/ae/T--UMaryland--absorbance.JPG">
+
<div>
<small class="caption">Figure 1. Cell growth versus absorbance.</small>
+
<img class="figure" src="https://static.igem.org/mediawiki/2016/a/ae/T--UMaryland--absorbance.JPG">
<img class="figure" src="https://static.igem.org/mediawiki/2016/1/17/T--UMaryland--fluorescence.JPG">
+
<small class="caption">Figure 1. Cell growth versus absorbance.</small>
<small class="caption">Figure 2. Cell growth versus flourescence.</small>
+
</div>
<img class="figure" src="https://static.igem.org/mediawiki/2016/4/43/T--UMaryland--abs-fluor.JPG">
+
<div>
<small class="caption">Figure 3. Cell growth versus absorbance / flourescence.</small>
+
<img class="figure" src="https://static.igem.org/mediawiki/2016/1/17/T--UMaryland--fluorescence.JPG">
 +
<small class="caption">Figure 2. Cell growth versus flourescence.</small>
 +
</div>
 +
<div>
 +
<img class="figure" src="https://static.igem.org/mediawiki/2016/4/43/T--UMaryland--abs-fluor.JPG">
 +
<small class="caption">Figure 3. Cell growth versus absorbance / flourescence.</small>
 +
</div>
 
</div>
 
</div>
 
</div>
 
</div>
Line 203: Line 219:
 
}
 
}
 
#div-figures{
 
#div-figures{
margin-left: 80px;
 
width: 900px;
 
 
padding-bottom: 100px;
 
padding-bottom: 100px;
font-size: 12pt;
+
font-size: 14pt;
 
}
 
}
 
         h11 {
 
         h11 {
Line 290: Line 304:
 
         .figure {
 
         .figure {
 
             /* fixes the width of images in results tables */
 
             /* fixes the width of images in results tables */
             width: 600px;
+
             width: 850px;
 
display: block;
 
display: block;
 
             border-style: solid;
 
             border-style: solid;
Line 297: Line 311:
 
margin-top: 50px;
 
margin-top: 50px;
 
margin-bottom: 20px;
 
margin-bottom: 20px;
 +
margin-left: auto;
 +
margin-right: auto;
 
         }
 
         }
  
Line 634: Line 650:
 
         }
 
         }
  
 +
#div-protocol {
 +
min-height: 550px;
 +
}
 
         </style>
 
         </style>
 
         <script> $('#iGEM').css('display','block'); </script>
 
         <script> $('#iGEM').css('display','block'); </script>
 +
<script>
 +
$(document).ready(function(){
 +
  $('#div-figures').slick({
 +
  });
 +
});
 +
 +
$.fn.extend({
 +
animateCss: function (animationName) {
 +
var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
 +
this.addClass('animated ' + animationName).one(animationEnd, function() {
 +
$(this).removeClass('animated ' + animationName);
 +
});
 +
}
 +
});
 +
 +
$('#div-protocol li').css('display', 'none');
 +
 +
var element_position = $('#div-protocol').offset().top;
 +
var toggle = 1;
 +
 +
$(window).on('scroll', function() {
 +
var y_scroll_pos = window.pageYOffset;
 +
var scroll_pos_test = element_position - 400;
 +
 +
if(y_scroll_pos > scroll_pos_test) {
 +
if ( toggle == 1){
 +
$('#div-protocol li').each(function(index) {
 +
$('#div-protocol').css('overflow','hidden');
 +
$(this).delay(200*index).queue(function() { $(this).css('display', 'list-item').animateCss('slideInRight').dequeue(); })
 +
//$(this).delay(200*index).queue(function() { $(this).dequeue(); })
 +
})
 +
}
 +
}
 +
});
 +
</script>
 
<script src="http://pixelcog.github.io/parallax.js/js/parallax.min.js">
 
<script src="http://pixelcog.github.io/parallax.js/js/parallax.min.js">
 
     </script>
 
     </script>
 
</html>
 
</html>

Revision as of 22:47, 27 September 2016

Interlab Study

Interlab Study Fluorescence Data From 3 Different Constructs with GFP Standardizing fluorescence measurements and promoting further joint scientific efforts of the iGEM community.

The interlab study measures the fluorescence of three different constructs with GFP as well as a positive and negative control. It attempts to standardize the fluorescence measurements by adjusting absorbance values when compared to blanks, reducing the amount of independent variables by controlling for concentration, and adjusting fluorescence values based on the standard curve of FITC. The goal of this study is to see how the observed fluorescence values compare across the iGEM community to see if the adjustments successfully standardize fluorescence measurements.

As a community of synthetic biologist, a key to the advancement of the field is collaboration among groups. For proper collaboration, we must be able to communicate our findings in ways that are concrete and well defined, making standards essential.

Tested Devices

Transform competent cells with Test Devices 1 - 3, positive control, and negative control provided and plate them overnight on chloramphenicol resistant plates.

  • Test Device 1: J23101.B0034.E0040.B0015 in pSB1C3
  • Test Device 2: J23106.B0034.E0040.B0015 in pSB1C3
  • Test Device 3: J23117.B0034.E0040.B0015 in pSB1C3
  • Positive Control Device: I20270 in pSB1C3
  • Negative Control Device: R0040 in pSB1C3

Protocol

  1. Pick two colonies from each plate to inoculate and grow overnight.
  2. Calibrate the plate reader- Measure absorbance of LUDOX and water to find a corrected absorbance that can then be used to find a conversion factor for a standard OD600 measurement.
  3. Use FITC to create a standard fluorescence curve - Measure fluorescence of FITC at different concentrations to generate a curve of fluorescence over concentration.
  4. Measure OD600 of the overnight cultures and create dilutions to put them at an OD600 of 0.02.
  5. Incubate at 37 C and take 100ul samples every hour (from hours 0-6).
  6. Measure OD600 of all the samples and record.

Results

  • Most samples grew exponentially, device 1 replicate 1 and device 1 replicate 2 seemed to have little growth.
  • Negative control and device 3 did not show fluorescence. Positive control, device 1, and device 2 showed increases in fluorescence over time.
  • The results show that fluorescence per unit of concentration remains relatively constant over time.
Figure 1. Cell growth versus absorbance.
Figure 2. Cell growth versus flourescence.
Figure 3. Cell growth versus absorbance / flourescence.