Difference between revisions of "Team:UCL/InterLab"

 
(2 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
<html>
 
−
<head>
 
−
    <title>UCL iGEM 2018</title>
 
−
    <meta name="viewport" content="width=device-width, initial-scale=1">
 
−
</head>
 
−
<style>
 
  
−
#content {
+
{{UCL/BootstrapCSS}}
−
    width: 100vw;
+
{{UCL/Style}}
−
    padding: 0px;
+
−
    border: none;
+
−
    color: black;
+
−
    margin-left: auto;
+
−
    margin-right: auto;
+
−
    background-color: #fff;
+
−
    position: relative;
+
−
}
+
  
−
/* Header */
 
  
−
ul {
+
<html lang="en">
−
     list-style-type: none;
+
<head>
−
     margin: 0;
+
     <meta charset="UTF-8">
−
    padding: 0;
+
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
−
     overflow: hidden;
+
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
−
     background-color: none;
+
     <title>UCL SETA - InterLab</title>
−
     list-style-image: none; //removes the iGEM wiki bullets
+
     <link rel="icon" href="https://static.igem.org/mediawiki/2018/7/73/T--UCL--Logo2.png">
−
}
+
    <link rel="stylesheet" href="../resources/css/bootstrap1.css"  />
 +
    <link rel="stylesheet" href="../style.css"  />
 +
</head>
  
−
li {
+
<script type="text/javascript" src="https://2018.igem.org/Template:UCL/BootstrapJS?action=raw&ctype=text/javascript"></script>
−
    float: left;
+
<script type="text/javascript" src="https://2018.igem.org/Template:UCL/JQuery?action=raw&ctype=text/javascript"></script>
−
}
+
<script type="text/javascript" src="https://2018.igem.org/Template:UCL/WowJS?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="../resources/js/bootstrapscript.js"></script>
 +
<script type="text/javascript" src="../resources/js/jquery-3.3.1.min.js"></script>
  
−
.topnav {
+
<script>
−
   overflow: hidden;
+
$(document).ready(function(){
−
  background-color: white;
+
   $("a").on('click', function(event) {
−
  width: 100%;
+
    if (this.hash !== "") {
−
}
+
      event.preventDefault();
 +
      var hash = this.hash;
 +
      $('html, body').animate({
 +
        scrollTop: $(hash).offset().top - 100
 +
      }, 1500, function(){
 +
        window.location.hash = hash;
 +
      });
 +
    }
 +
  });
 +
});
 +
</script>
 +
<script src="../resources/js/wow1.js"></script>
 +
    <script>
 +
        new WOW().init();
 +
    </script>
  
−
.topnav a {
+
<body>
−
  float: left;
+
<div class="background_img_igem">
−
   color: black;
+
   <div class="navbarzindex">
−
   text-align: center;
+
   <div class="navbar-brand_igem"><a href="https://2018.igem.org/Team:UCL">
−
  padding: 10px 10px;
+
        <img class="img-logo_igem" src="https://static.igem.org/mediawiki/2018/7/73/T--UCL--Logo2.png" ></a>
−
  text-decoration: none;
+
    </div>
−
  font-size: 20px;
+
−
  font-family: futura;
+
−
  display: inline-grid;
+
−
}
+
  
−
.topnav a:hover {
+
<div class="topnav_igem" id="myTopnav_igem">
−
  background-color: white;
+
<div class="floatright_igem">
−
   color: tomato;
+
<a href="javascript:void(0);" style="font-size:21px;" class="icon_igem" onclick="myFunction()">&#9776;</a>
−
}
+
   <div class="dropdown_igem">
 +
    <button class="dropbtn_igem"onclick="People()">People
  
−
.topnav a.active {
+
    </button>
−
  background-color: #tomato;
+
    <div class="dropdown-content_igem"id="dropdownpeople_igem">
−
   color: white;
+
        <a href="https://2018.igem.org/Team:UCL/Team">Team</a>
−
}
+
        <a href="https://2018.igem.org/Team:UCL/Attributions">Attributions</a>
 +
        <a href="https://2018.igem.org/Team:UCL/Attributions#Sponsors">Sponsors</a>
 +
    </div>
 +
   </div>
 +
  <div class="dropdown_igem">
 +
    <button class="dropbtn_igem"onclick="Project()">Project
  
 +
    </button>
 +
    <div class="dropdown-content_igem"id="dropdownproject_igem">
 +
        <a href="https://2018.igem.org/Team:UCL/Description">Description</a>
 +
        <a href="https://2018.igem.org/Team:UCL/Results">Results</a>
 +
        <a href="https://2018.igem.org/Team:UCL/Demonstrate">Demonstrate</a>
 +
        <a href="https://2018.igem.org/Team:UCL/InterLab">InterLab</a>
 +
        <a href="https://2018.igem.org/Team:UCL/Safety">Safety</a>
 +
    </div>
 +
  </div>
 +
  <div class="dropdown_igem">
 +
    <button class="dropbtn_igem"onclick="Parts()">Parts
  
−
li .dropdown {
+
    </button>
−
     position: relative;
+
     <div class="dropdown-content_igem"id="dropdownparts_igem">
−
    display: inline-block;
+
        <a href="https://2018.igem.org/Team:UCL/Design">Part Design</a>
−
}
+
        <a href="https://2018.igem.org/Team:UCL/Parts">Parts</a>
 +
        <a href="https://2018.igem.org/Team:UCL/Improve">Improved Part</a>
 +
    </div>
 +
  </div>
 +
  <div class="dropdown_igem">
 +
    <button class="dropbtn_igem"onclick="Modelling()">Modelling
  
−
li a:hover, .dropdown:hover .dropbtn{
+
    </button>
−
    color: tomato;
+
    <div class="dropdown-content_igem"id="dropdownmodelling_igem">
−
     background-color: white;
+
        <a href="https://2018.igem.org/Team:UCL/Model">Modelling</a>
−
}
+
     </div>
 +
  </div>
 +
  <div class="dropdown_igem">
 +
    <button class="dropbtn_igem"onclick="Humanpractices()">Human Practices
  
−
.dropdown .dropbtn {
+
     </button>
−
     border: none;
+
     <div class="dropdown-content_igem"id="dropdownhumanpractices_igem">
−
     outline: none;
+
        <a href="https://2018.igem.org/Team:UCL/Human_Practices">Human Practices</a>
−
    color: black;
+
        <a href="https://2018.igem.org/Team:UCL/Public_Engagement">Public Engagement</a>
−
    text-align: center;
+
        <a href="https://2018.igem.org/Team:UCL/Collaborations">Collaborations</a>
−
    padding: 10px 10px;
+
     </div>
−
    text-decoration: none;
+
  </div>
−
    font-size: 20px;
+
  <div class="dropdown_igem">
−
    font-family: futura;
+
     <button class="dropbtn_igem"onclick="Notebook()">Notebook
−
     margin: 0;
+
−
     background-color: white;
+
−
}
+
  
−
.dropdown-content {
+
    </button>
−
    display: none;
+
    <div class="dropdown-content_igem"id="dropdownnotebook_igem">
−
    position: absolute;
+
        <a href="https://2018.igem.org/Team:UCL/Notebook">Notebook</a>
−
    background-color: tomato;
+
        <a href="https://2018.igem.org/Team:UCL/Achievements">Achievements</a>
−
    min-width: 90px;
+
        <a href="https://2018.igem.org/Team:UCL/Experiments">Experiments</a>
−
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2)
+
    </div>
−
}
+
  </div>
  
−
.dropdown-content a {
 
−
    color: white;
 
−
    padding: 12px 16px;
 
−
    text-decoration: none;
 
−
    font-size: 15px;
 
−
    display: block;
 
−
    text-align: left;
 
−
}
 
  
−
.dropdown-content a:hover {
+
</div>
−
    background-color: #f1f1f1
+
</div>
−
}
+
</div>
  
−
.dropdown:hover .dropdown-content {
+
<script>
−
     display: block;
+
  $(window).on('scroll',function(){
 +
    if($(window).scrollTop()){
 +
      $('.navbarzindex').addClass('black');
 +
     }
 +
    else {
 +
      $('.navbarzindex').removeClass('black');
 +
    }
 +
  })
 +
</script>
 +
<script>
 +
function myFunction() {
 +
    var x = document.getElementById("myTopnav_igem");
 +
    if (x.className === "topnav_igem") {
 +
        x.className += " responsive";
 +
    } else {
 +
        x.className = "topnav_igem";
 +
    }
 
}
 
}
 +
</script>
  
−
#rcorners1 {
 
−
    border-radius: 20px;
 
−
    border: 2px solid tomato;
 
−
    padding: 3px;
 
−
    width: 90px;
 
−
    height: 96px;
 
−
}
 
  
−
#rcorners2 {
 
−
    border-radius: 17px;
 
−
    padding: 0px;
 
−
    width: 90px;
 
−
    height: 25px;
 
−
    text-align: center;
 
−
    background-position: center;
 
−
}
 
  
−
#rcorners3 {
+
<script>
−
     border-radius: 17px;
+
(function(){
−
     padding: 0px;
+
     var dropDownClass = 'dropdown-content_igem';
−
     width: 90px;
+
     var showClass = 'show_igem';
−
    height: 25px;
+
     var dropDowns = document.getElementsByClassName('dropdown_igem');
−
    text-align: center;
+
−
    background-position: center;
+
−
}
+
  
−
/* Content */
+
    var open = function(e){
 +
        var openDropDown = e.target.nextElementSibling;
 +
        var dropdowns = document.getElementsByClassName(dropDownClass);
  
−
@font-face{
+
        openDropDown.classList.toggle(showClass);
−
    font-family: Futura; src: url(Futura.otf);
+
−
}
+
  
−
h1 {
+
        var closeDropDown = function(event) {
−
    margin-top: 10;
+
            if (event.target === e.target) {
−
    font-family: "Futura", Gil Sans, arial, sans-serif;
+
                return;
−
    font-size: 40;
+
            }
−
    color: tomato;
+
            if (openDropDown.classList.contains(showClass)) {
−
    text-align: center;
+
                openDropDown.classList.remove(showClass);
−
     padding: 20px !important;
+
            }
−
}
+
            window.removeEventListener('click', closeDropDown);
 +
        };
 +
        window.addEventListener('click', closeDropDown);
 +
     }
  
−
h2 {
+
     for(var i = 0; i < dropDowns.length; i++){
−
     margin-top: 10;
+
        dropDowns[i].children[0].addEventListener('click', open);
−
    font-family: futura;
+
     }
−
    font-size: 25;
+
}());
−
     color: tomato;
+
</script>
−
    text-align: center;
+
−
    padding: 10px !important;
+
−
}
+
  
−
p {
+
<script type="text/javascript" src="../resources/js/scrolltofixed.js"></script>
−
    margin-top: 10;
+
−
    margin-left: 10;
+
−
    margin-right: 10;
+
−
    font-family: avenir;
+
−
    font-size: 16;
+
−
    padding: 20px !important;
+
−
}
+
  
−
/* Footer */
+
<script>
 +
$(document).ready(function() {
 +
    $('#sidenav').scrollToFixed({ marginTop: 250 });
 +
});
 +
</script>
  
−
footer {
 
−
    background-color: white !important;
 
−
    padding: 0px;
 
−
    text-align: center;
 
−
    margin: 0;
 
−
    table-layout:fixed;
 
−
    font-size: 30 !important;
 
−
    margin-left: 0 !important;
 
−
    margin-right: 0 !important;
 
−
}
 
  
−
table {
+
<!-- CONTENT******************************************************************************************************************************************************* -->
−
    font-family: futura;
+
<div class="container">
−
    color: black !important;
+
−
    border-style: hidden;
+
−
    table-layout: fixed;
+
−
    font-size: 16 !important;
+
−
    background-color: transparent;
+
−
    width: 100%;
+
−
    border-collapse: collapse;
+
−
}
+
  
−
td, th {
+
     <div class="container container_igem2">
−
     font-family: avenir;
+
        <div class="container">
−
    border: 1px solid transparent;
+
            <center>
−
    background-color: white;
+
                <img class="wow fadeInUp subpage_img_igem1" src="https://static.igem.org/mediawiki/2018/f/f9/T--UCL--interlab.svg" data-wow-duration="2s" data-wow-delay="0.1s"/>
−
    text-align: left;
+
            </center>
−
    padding: 5px;
+
            <div class="h1_igem_subpage2">InterLab</div>
−
    text-align: center;
+
        </div>
−
    text-decoration: none;
+
        <section id="Overview">
−
    height: inherit;
+
            <div class="card card_pic_igem wow fadeInUp margintopp" data-wow-duration="2s" data-wow-delay="0.1s">
−
}
+
                <div class="card-body text-justify">
 +
                    <div class="container">
 +
                        <div class="row">
 +
                            <div class="mmmm col-sm-10">
 +
                                <p class="card-text card-text_igem text-justify">
 +
                                  In 2016, Thermo Fisher Scientific released a study on the differences in bacterial optical measurements between spectrophotometers. They pointed out that most spectrophotometers were built to measure absorbance rather than light scattering. This accounts partly for the significant differences in optical density of bacterial cells cultures. Furthermore, the obtained values depend largely on the optical configurations of the machine. They therefore concluded that a conversion factor should be used between different spectrophotometers. As Synthetic Biology is dependent on progress between different labs, often across large distances, such variability in the measurement of cell cultures creates an issue.
 +
                                </p>
 +
                                <p class="card-text card-text_igem text-justify">
 +
                                  Instead of using absolute OD values, we compared absorbance measurements to the absorbance of silica beads of known size. We also tested whether colony-forming-units represent a more reliable way of estimating cell densities. Finally, we calculated a conversion factor between absorbance and CFU.
 +
                                </p>
 +
                                <p class="card-text card-text_igem text-justify">
 +
                                  The protocol provided extensive detail on the procedure. The diagrams of the 96-well plate set-up were particularly useful. The only issue encountered was on day 3. We struggled to dilute our samples enough to reach an absorbance of 0.02. Once we decreased our gain to x1000 we were able to see differences between our values.
 +
                                </p>
 +
                                <p class="card-text card-text_igem text-justify">
 +
                                  Our stock of chemically-competent E. coli DH5α had low competency. Using commercial cells bought from NEB provided better results. After our negative control failed to transform twice, Westminster’s team gave us an LB agar plate with already transformed colonies.
 +
                                </p>
 +
                                <p class="card-text card-text_igem text-justify">
 +
                                  Overall, though we had a few challenges the interlab was an ideal introduction to the wet lab. It allowed us to practice common techniques, such as transformation, before we started our own project.
 +
                                </p>
 +
                                <div class="col-md-offset-3 paddingss">
 +
                                    <object data="https://static.igem.org/mediawiki/2018/0/0b/T--UCL--poster.pdf" type="application/pdf" width="100%" height="900px">
 +
                                        <p>It appears you don't have a PDF plugin for this browser. No biggie... you can <a href="https://static.igem.org/mediawiki/2018/0/0b/T--UCL--poster.pdf">click here to download the PDF file.</a></p>
 +
                                    </object>
 +
                                </div>
  
−
tr {
+
                            </div>
−
    height: 0;
+
                        </div>
−
}
+
                    </div>
−
 
+
                </div>
−
</style>
+
−
 
+
−
<body>
+
−
 
+
−
<div class="topnav">
+
−
<ul>
+
−
    <li><a href="https://2018.igem.org/Team:UCL">
+
−
        <img src="https://static.igem.org/mediawiki/2018/7/73/T--UCL--Logo2.png" width="70" align="middle"></a></li>
+
−
    <li class="dropdown">
+
−
      <button class="dropbtn">Project
+
−
        <i class="fa fa-caret-down"></i>
+
−
      </button>
+
−
        <div class="dropdown-content" class="center" id="rcorners1">
+
−
            <a href="https://2018.igem.org/Team:UCL/Description" id="rcorners2">Description</a>
+
−
            <a href="#parts" id="rcorners3">BioBricks</a>
+
−
            <a href="https://2018.igem.org/Team:UCL/Results" id="rcorners3">Results</a>
+
−
            <a href="https://2018.igem.org/Team:UCL/InterLab" id="rcorners3">InterLab</a>
+
−
        </div>
+
−
    </li>
+
−
<li class="dropdown">
+
−
      <button class="dropbtn">Modelling
+
−
        <i class="fa fa-caret-down"></i>
+
−
      </button>
+
−
        <div class="dropdown-content" class="center" id="rcorners1">
+
−
            <a href="#description" id="rcorners2">Equation</a>
+
−
        </div>
+
−
    </li>
+
−
<li class="dropdown">
+
−
      <button class="dropbtn">Human Practices
+
−
        <i class="fa fa-caret-down"></i>
+
−
      </button>
+
−
    </li>
+
−
    <li class="dropdown">
+
−
          <button class="dropbtn">Team
+
−
            <i class="fa fa-caret-down"></i>
+
−
          </button>
+
−
            <div class="dropdown-content" class="center" id="rcorners1">
+
−
                <a href="https://2018.igem.org/Team:UCL/Team" id="rcorners2">People</a>
+
−
                <a href="#description" id="rcorners2">Attributions</a>
+
 
             </div>
 
             </div>
−
         </li>
+
         </section>
−
<li class="dropdown">
+
     </div>
−
      <button class="dropbtn">Awards
+
−
        <i class="fa fa-caret-down"></i>
+
−
      </button>
+
−
     </li>
+
−
 
+
−
</ul>
+
 
</div>
 
</div>
 +
</div>
 +
<div class="footer">
 +
    <div class="container">
 +
        <div class="row">
 +
            <div class="col-lg-4">
 +
                <center>
 +
                    <div class="h2_footer_igem">Our Location</div>
 +
                    University College London<br />
 +
  Gower St, Bloomsbury<br />London <br />WC1E 6BT
 +
                    <span></span>
  
−
<div class="column full_size">
+
                </center>
−
<h1 style="font-family: futura">InterLab</h1>
+
            </div>
−
 
+
            <div class="col-lg-4">
−
 
+
                <center>
−
  <p style="font-family: avenir"><font size="3">The importance of reproducibility/reliability for our project... <br></br>
+
                    <div class="h2_footer_igem">Contact Us</div>
−
    The purpose of the InterLab study...<br></br>
+
                  ucl.igem@ucl.ac.uk
−
    Protocols we followed...<br></br>
+
                    <a class="footer_img_igem" href="https://www.ucl.ac.uk/">
−
    Our results...<br></br>
+
                        <img src="https://static.igem.org/mediawiki/2018/f/ff/T--UCL--UCLLogo.jpeg" height="100rem;" />
−
    Picture of us </font></p>
+
                    </a>
−
  <center><img src="http://placehold.it/500x300/e4dede/c4baba" alt="InterLab group" style ="margin-bottom:80px"/></center>
+
                </center>
−
 
+
            </div>
 +
            <div class="col-lg-4">
 +
                <center>
 +
                    <div class="h2_footer_igem">Follow Us</div>
 +
                    <a href="https://www.facebook.com/UCLiGEM/"class="contacticons">
 +
                        <img src="https://static.igem.org/mediawiki/2018/c/c4/T--UCL--FBLogo.svg" style="padding-top:1em;" height="62rem;"/>
 +
                    </a>
 +
                    <a href="https://twitter.com/ucligem?lang=en"class="contacticons">
 +
                        <img src="https://static.igem.org/mediawiki/2018/e/ed/T--UCL--TwitterLogo.svg" style="padding-top:1em;" height="62rem;"/>
 +
                    </a>
 +
                    <a href="https://www.instagram.com/ucl.igem/"class="contacticons">
 +
                        <img src="https://static.igem.org/mediawiki/2018/3/31/T--UCL--InstaLogo.png" style="padding-top:1em;" height="62rem;"/>
  
 +
                    </a>
 +
                </center>
 +
            </div>
 +
        </div>
 +
    </div>
 
</div>
 
</div>
−
 
−
<div class="clear extra_space"></div>
 
−
 
 
</body>
 
</body>
−
 
−
<footer>
 
−
<table>
 
−
  <tr>
 
−
    <th style="font-family:futura; background-color:white; border:1px solid transparent"><font size= 5; color=tomato>Contact Us</font></th>
 
−
    <th style="font-family:futura; background-color:white; border:1px solid transparent"><font size= 5; color=tomato>Sponsors</font></th>
 
−
    <th style="font-family:futura; background-color:white; border:1px solid transparent"><font size= 5; color=tomato>Follow Us</font></th>
 
−
  </tr>
 
−
  <tr>
 
−
      <td style="border:1px solid transparent">
 
−
          <p style="font-family:avenir; background-color:white; text-align:center"><font size= 3>University College London
 
−
              <br></br>Gower Street - London - WC1E 6BT
 
−
              <br></br>Biochemical Engineering Department
 
−
              <br></br>+44 (0)20 7679 2000
 
−
              <br></br><a href = "mailto: ucligem2018@gmail.com">ucligem2018@gmail.com</a>
 
−
          </p>
 
−
        </td>
 
−
      <td style="border:1px solid transparent"><img src="http://placehold.it/200x100/e4dede/c4baba"></td>
 
−
        <td style="border:1px solid transparent">
 
−
          <a href="https://www.facebook.com/UCLiGEM/">
 
−
            <img src="https://static.igem.org/mediawiki/2018/e/e6/T--UCL--facebook58.png"><br></br></a>
 
−
          <a href="https://twitter.com/ucligem?lang=en">
 
−
            <img src="https://static.igem.org/mediawiki/2018/a/a2/T--UCL--twitter1.png" width="60" height="60"><br></br></a>
 
−
          <a href="https://www.instagram.com/ucl.igem/">
 
−
            <img src="https://static.igem.org/mediawiki/2018/7/79/T--UCL--instagram.png" width="60" height="60"><br></br></a>
 
−
        </td>
 
−
  </tr>
 
−
</table>
 
−
 
−
</footer>
 
−
 
−
</html>
 

Latest revision as of 13:31, 8 December 2018


UCL SETA - InterLab

InterLab

In 2016, Thermo Fisher Scientific released a study on the differences in bacterial optical measurements between spectrophotometers. They pointed out that most spectrophotometers were built to measure absorbance rather than light scattering. This accounts partly for the significant differences in optical density of bacterial cells cultures. Furthermore, the obtained values depend largely on the optical configurations of the machine. They therefore concluded that a conversion factor should be used between different spectrophotometers. As Synthetic Biology is dependent on progress between different labs, often across large distances, such variability in the measurement of cell cultures creates an issue.

Instead of using absolute OD values, we compared absorbance measurements to the absorbance of silica beads of known size. We also tested whether colony-forming-units represent a more reliable way of estimating cell densities. Finally, we calculated a conversion factor between absorbance and CFU.

The protocol provided extensive detail on the procedure. The diagrams of the 96-well plate set-up were particularly useful. The only issue encountered was on day 3. We struggled to dilute our samples enough to reach an absorbance of 0.02. Once we decreased our gain to x1000 we were able to see differences between our values.

Our stock of chemically-competent E. coli DH5α had low competency. Using commercial cells bought from NEB provided better results. After our negative control failed to transform twice, Westminster’s team gave us an LB agar plate with already transformed colonies.

Overall, though we had a few challenges the interlab was an ideal introduction to the wet lab. It allowed us to practice common techniques, such as transformation, before we started our own project.

It appears you don't have a PDF plugin for this browser. No biggie... you can click here to download the PDF file.
Our Location
University College London
Gower St, Bloomsbury
London
WC1E 6BT
Contact Us
ucl.igem@ucl.ac.uk
Follow Us