Difference between revisions of "Team:UCL/InterLab"

Line 1: Line 1:
−
<html>
+
{UCL/BootstrapCSS}}
 +
{{UCL/Style}}
 +
 
 +
<html lang="en">
 
<head>
 
<head>
−
     <title>UCL iGEM 2018</title>
+
     <meta charset="UTF-8">
−
     <meta name="viewport" content="width=device-width, initial-scale=1">
+
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
 +
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
 +
    <title>UCL SETA - Model</title>
 +
    <link rel="icon" href="https://static.igem.org/mediawiki/2018/7/73/T--UCL--Logo2.png">
 +
 
 
</head>
 
</head>
−
<style>
 
  
−
#sideMenu,
+
<script type="text/javascript" src="https://2018.igem.org/Template:UCL/BootstrapJS?action=raw&ctype=text/javascript"></script>
−
#top_title {
+
<script type="text/javascript" src="https://2018.igem.org/Template:UCL/JQuery?action=raw&ctype=text/javascript"></script>
−
     display: none;
+
<script type="text/javascript" src="https://2018.igem.org/Template:UCL/WowJS?action=raw&ctype=text/javascript"></script>
−
}
+
<script>
 +
$(document).ready(function(){
 +
  $("a").on('click', function(event) {
 +
     if (this.hash !== "") {
 +
      event.preventDefault();
 +
      var hash = this.hash;
 +
      $('html, body').animate({
 +
        scrollTop: $(hash).offset().top - 100
 +
      }, 1500, function(){
 +
        window.location.hash = hash;
 +
      });
 +
    }
 +
  });
 +
});
 +
</script>
  
−
#content {
+
     <script>
−
     width: 100vw;
+
        new WOW().init();
−
    padding: 0px;
+
     </script>
−
     border: none;
+
−
    color: black;
+
−
    margin-left: auto;
+
−
    margin-right: auto;
+
−
    background-color: #fff;
+
−
    position: relative;
+
−
}
+
  
−
/* Header */
+
<body>
 +
<div class="background_img_igem">
 +
  <div class="navbarzindex">
 +
  <div class="navbar-brand_igem"><a href="https://2018.igem.org/Team:UCL">
 +
        <img class="img-logo_igem" src="https://static.igem.org/mediawiki/2018/7/73/T--UCL--Logo2.png" ></a>
 +
    </div>
  
−
ul {
+
<div class="topnav_igem" id="myTopnav_igem">
−
    list-style-type: none;
+
<div class="floatright_igem">
−
    margin: 0;
+
<a href="javascript:void(0);" style="font-size:21px;" class="icon_igem" onclick="myFunction()">&#9776;</a>
−
    padding: 0;
+
  <div class="dropdown_igem">
−
    overflow: hidden;
+
     <button class="dropbtn_igem"onclick="People()">People
−
    background-color: none;
+
−
     list-style-image: none; //removes the iGEM wiki bullets
+
−
}
+
  
−
li {
+
    </button>
−
     float: left;
+
     <div class="dropdown-content_igem"id="dropdownpeople_igem">
−
}
+
        <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
  
−
.topnav {
+
    </button>
−
  overflow: hidden;
+
    <div class="dropdown-content_igem"id="dropdownproject_igem">
−
  background-color: white;
+
        <a href="https://2018.igem.org/Team:UCL/Description">Description</a>
−
  width: 100%;
+
        <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
  
−
.topnav a {
+
    </button>
−
  float: left;
+
    <div class="dropdown-content_igem"id="dropdownparts_igem">
−
  color: black;
+
        <a href="https://2018.igem.org/Team:UCL/Design">Part Design</a>
−
  text-align: center;
+
        <a href="https://2018.igem.org/Team:UCL/Parts">Parts</a>
−
  padding: 10px 10px;
+
        <a href="https://2018.igem.org/Team:UCL/Improve">Improved Part</a>
−
  text-decoration: none;
+
    </div>
−
   font-size: 20px;
+
   </div>
−
   font-family: futura;
+
   <div class="dropdown_igem">
−
  display: inline-grid;
+
    <button class="dropbtn_igem"onclick="Modelling()">Modelling
−
}
+
  
−
.topnav a:hover {
+
    </button>
−
  background-color: white;
+
    <div class="dropdown-content_igem"id="dropdownmodelling_igem">
−
  color: tomato;
+
        <a href="https://2018.igem.org/Team:UCL/Model">Modelling</a>
−
}
+
        <a href="https://2018.igem.org/Team:UCL/Model#Intein">Intein</a>
 +
        <a href="https://2018.igem.org/Team:UCL/Model#Intein_Polymerisation">Intein Polymerisation</a>
 +
        <a href="https://2018.igem.org/Team:UCL/Model#LAMMPS">LAMMPS</a>
 +
        <a href="https://2018.igem.org/Team:UCL/Model#Scale_Up">Scale Up</a>
 +
    </div>
 +
  </div>
 +
  <div class="dropdown_igem">
 +
    <button class="dropbtn_igem"onclick="Humanpractices()">Human Practices
  
−
.topnav a.active {
+
    </button>
−
  background-color: #tomato;
+
    <div class="dropdown-content_igem"id"dropdownhumanpractices_igem">
−
   color: white;
+
        <a href="https://2018.igem.org/Team:UCL/Human_Practices">Human Practices</a>
−
}
+
        <a href="https://2018.igem.org/Team:UCL/Public_Engagement">Public Engagement</a>
 +
        <a href="https://2018.igem.org/Team:UCL/Collaborations">Collaborations</a>
 +
    </div>
 +
   </div>
 +
  <div class="dropdown_igem">
 +
    <button class="dropbtn_igem"onclick="Notebook()">Notebook
  
 +
    </button>
 +
    <div class="dropdown-content_igem"id="dropdownnotebook_igem">
 +
        <a href="https://2018.igem.org/Team:UCL/Notebook">Notebook</a>
 +
        <a href="https://2018.igem.org/Team:UCL/Achievements">Achievements</a>
 +
        <a href="https://2018.igem.org/Team:UCL/Experiments">Experiments</a>
 +
    </div>
 +
  </div>
  
−
li .dropdown {
 
−
    position: relative;
 
−
    display: inline-block;
 
−
}
 
  
−
li a:hover, .dropdown:hover .dropbtn{
+
</div>
−
    color: tomato;
+
</div>
−
    background-color: white;
+
</div>
−
}
+
  
−
.dropdown .dropbtn {
+
<script>
−
     border: none;
+
  $(window).on('scroll',function(){
−
     outline: none;
+
     if($(window).scrollTop()){
−
     color: black;
+
      $('.navbarzindex').addClass('black');
−
     text-align: center;
+
     }
−
    padding: 10px 10px;
+
     else {
−
    text-decoration: none;
+
      $('.navbarzindex').removeClass('black');
−
     font-size: 20px;
+
     }
−
     font-family: futura;
+
  })
−
     margin: 0;
+
</script>
−
     background-color: white;
+
<script>
 +
function myFunction() {
 +
     var x = document.getElementById("myTopnav_igem");
 +
     if (x.className === "topnav_igem") {
 +
        x.className += " responsive";
 +
     } else {
 +
        x.className = "topnav_igem";
 +
     }
 
}
 
}
 +
</script>
  
−
.dropdown-content {
 
−
    display: none;
 
−
    position: absolute;
 
−
    background-color: tomato;
 
−
    min-width: 90px;
 
−
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2)
 
−
}
 
  
−
.dropdown-content a {
 
−
    color: white;
 
−
    padding: 12px 16px;
 
−
    text-decoration: none;
 
−
    font-size: 15px;
 
−
    display: block;
 
−
    text-align: left;
 
−
}
 
  
−
.dropdown-content a:hover {
+
<script>
−
     background-color: #f1f1f1
+
(function(){
−
}
+
     var dropDownClass = 'dropdown-content_igem';
 +
    var showClass = 'show_igem';
 +
    var dropDowns = document.getElementsByClassName('dropdown_igem');
  
−
.dropdown:hover .dropdown-content {
+
    var open = function(e){
−
    display: block;
+
        var openDropDown = e.target.nextElementSibling;
−
}
+
        var dropdowns = document.getElementsByClassName(dropDownClass);
  
−
#rcorners1 {
+
        openDropDown.classList.toggle(showClass);
−
    border-radius: 20px;
+
−
    border: 2px solid tomato;
+
−
    padding: 3px;
+
−
    width: 90px;
+
−
    height: 96px;
+
−
}
+
  
−
#rcorners2 {
+
        var closeDropDown = function(event) {
−
    border-radius: 17px;
+
            if (event.target === e.target) {
−
    padding: 0px;
+
                return;
−
    width: 90px;
+
            }
−
    height: 25px;
+
            if (openDropDown.classList.contains(showClass)) {
−
    text-align: center;
+
                openDropDown.classList.remove(showClass);
−
     background-position: center;
+
            }
−
}
+
            window.removeEventListener('click', closeDropDown);
 +
        };
 +
        window.addEventListener('click', closeDropDown);
 +
     }
  
−
#rcorners3 {
+
     for(var i = 0; i < dropDowns.length; i++){
−
     border-radius: 17px;
+
        dropDowns[i].children[0].addEventListener('click', open);
−
    padding: 0px;
+
     }
−
    width: 90px;
+
}());
−
     height: 25px;
+
</script>
−
    text-align: center;
+
−
    background-position: center;
+
−
}
+
  
−
/* Content */
+
<script type="text/javascript" src="https://2018.igem.org/Template:UCL/ScrollToFixed?action=raw&ctype=text/javascript"></script>
  
−
@font-face{
+
<script>
−
     font-family: Futura; src: url(Futura.otf);
+
$(document).ready(function() {
−
}
+
     $('#sidenav').scrollToFixed({ marginTop: 250 });
 +
});
 +
</script>
  
−
h1 {
 
−
    margin-top: 10;
 
−
    font-family: "Futura", Gil Sans, arial, sans-serif;
 
−
    font-size: 40;
 
−
    color: tomato;
 
−
    text-align: center;
 
−
    padding: 20px !important;
 
−
}
 
  
−
h2 {
+
<!-- CONTENT******************************************************************************************************************************************************* -->
−
    margin-top: 10;
+
<div class="container">
−
    font-family: futura;
+
−
    font-size: 25;
+
−
    color: tomato;
+
−
    text-align: center;
+
−
    padding: 10px !important;
+
−
}
+
  
−
p {
+
     <div class="container">
−
     margin-top: 10;
+
−
    margin-left: 10;
+
−
    margin-right: 10;
+
−
    font-family: avenir;
+
−
    font-size: 16;
+
−
    padding: 20px !important;
+
−
}
+
  
−
/* Footer */
+
        <div class="h1_igem_subpage1">Interlab</div>
 +
    </div>
 +
    <div class="container containter-fluid container_igem2">
  
−
footer {
+
        <section id="Overview">
−
    background-color: white !important;
+
            <div class="card card_pic_igem wow fadeInUp margintopp" data-wow-duration="2s" data-wow-delay="0.1s">
−
    padding: 0px;
+
                <div class="card-body text-justify">
−
    text-align: center;
+
                    <div class="container">
−
    margin: 0;
+
                        <div class="row">
−
    table-layout:fixed;
+
                            <div class="mmmm col-sm-10">
−
    font-size: 30 !important;
+
                                <p class="card-text card-text_igem text-justify">
−
    margin-left: 0 !important;
+
                                  <img src="https://static.igem.org/mediawiki/2018/f/f9/T--UCL--interlab.svg"alt="oops! You can't load our image.">
−
    margin-right: 0 !important;
+
                                  <br><br><br>
−
}
+
                                  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>
  
−
table {
+
                            </div>
−
    font-family: futura;
+
                        </div>
−
    color: black !important;
+
                    </div>
−
    border-style: hidden;
+
                </div>
−
    table-layout: fixed;
+
−
    font-size: 16 !important;
+
−
    background-color: transparent;
+
−
    width: 100%;
+
−
    border-collapse: collapse;
+
−
}
+
−
 
+
−
td, th {
+
−
    font-family: avenir;
+
−
    border: 1px solid transparent;
+
−
    background-color: white;
+
−
    text-align: left;
+
−
    padding: 5px;
+
−
    text-align: center;
+
−
    text-decoration: none;
+
−
    height: inherit;
+
−
}
+
−
 
+
−
tr {
+
−
    height: 0;
+
−
}
+
−
 
+
−
</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>
 

Revision as of 02:49, 18 October 2018

{UCL/BootstrapCSS}}

UCL SETA - Model

Interlab

oops! You can't load our image.


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