Team:Oxford/biosensor construction

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
  <meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org">
 
   <style type="text/css">
   <style type="text/css">
   @import url(http://fonts.googleapis.com/css?family=PT+Serif|Open+Sans:300italic,400,300);
   @import url(http://fonts.googleapis.com/css?family=PT+Serif|Open+Sans:300italic,400,300);
-
  /* Enforce a lack of horizontal scrollbar so that the social section doesn't mess with the viewport. */
 
   html, body {
   html, body {
     max-width: 100%;
     max-width: 100%;
Line 143: Line 141:
   }
   }
 +
.heading {
 +
    -webkit-transition: margin-left 0.3s, -webkit-transform 0.3s;
 +
    transition: margin-left 0.3s;
 +
}
 +
 +
.heading:hover {
 +
    margin-left:30px;
 +
}
Line 243: Line 249:
-
 
+
#list li {
 +
list-style-image: url("https://static.igem.org/mediawiki/2014/6/6f/OxigemTick.png"); }
 +
}
 +
  </style>
   <script type="text/javascript">
   <script type="text/javascript">
Line 254: Line 263:
$(document).ready(function(){
$(document).ready(function(){
   $("#arrowr").click(function(){
   $("#arrowr").click(function(){
-
     $("#grey").animate({right:'-13%'}, "fast");
+
     $("#grey").animate({right:'-175px'}, "fast");
   });
   });
-
});
 
-
$(document).ready(function(){
 
   $("#arrowl").click(function(){
   $("#arrowl").click(function(){
-
     $("#grey").animate({right:'-9%'}, "fast");
+
     $("#grey").animate({right:'-120px'}, "fast");
 +
  });
 +
  $("#modelling").hover(function(){
 +
    $("#modelling").animate({opacity:'0.95'}, "fast");
 +
    $("#modelling1").css({display:'inline'});
 +
  });
 +
  $("#modelling").mouseout(function(){
 +
    $("#modelling").animate({opacity:'0.75'}, "fast");
 +
    $("#modelling1").css({display:'none'});
 +
  });
 +
  $("#achievements").hover(function(){
 +
    $("#achievements").animate({opacity:'0.95'}, "fast");
 +
    $("#achievements1").css({display:'inline'});
 +
  });
 +
  $("#achievements").mouseout(function(){
 +
    $("#achievements").animate({opacity:'0.75'}, "fast");
 +
    $("#achievements1").css({display:'none'});
 +
  });
 +
  $("#igemcomm").hover(function(){
 +
    $("#igemcomm").animate({opacity:'0.95'}, "fast");
 +
    $("#igemcomm1").css({display:'inline'});
 +
  });
 +
  $("#igemcomm").mouseout(function(){
 +
    $("#igemcomm").animate({opacity:'0.75'}, "fast");
 +
    $("#igemcomm1").css({display:'none'});
 +
  });
 +
  $("#safety").hover(function(){
 +
    $("#safety").animate({opacity:'0.95'}, "fast");
 +
    $("#safety1").css({display:'inline'});
 +
  });
 +
  $("#safety").mouseout(function(){
 +
    $("#safety").animate({opacity:'0.75'}, "fast");
 +
    $("#safety1").css({display:'none'});
 +
  });
 +
  $("#team").hover(function(){
 +
    $("#team").animate({opacity:'0.95'}, "fast");
 +
    $("#team1").css({display:'inline'});
 +
  });
 +
  $("#team").mouseout(function(){
 +
    $("#team").animate({opacity:'0.75'}, "fast");
 +
    $("#team1").css({display:'none'});
 +
  });
 +
  $("#dcmation").hover(function(){
 +
    $("#dcmation").animate({opacity:'0.95'}, "fast");
 +
    $("#dcmation1").css({display:'inline'});
 +
  });
 +
  $("#dcmation").mouseout(function(){
 +
    $("#dcmation").animate({opacity:'0.75'}, "fast");
 +
    $("#dcmation1").css({display:'none'});
 +
  });
 +
  $("#interlab").hover(function(){
 +
    $("#interlab").animate({opacity:'0.95'}, "fast");
 +
    $("#interlab1").css({display:'inline'});
 +
  });
 +
  $("#interlab").mouseout(function(){
 +
    $("#interlab").animate({opacity:'0.75'}, "fast");
 +
    $("#interlab1").css({display:'none'});
 +
  });
 +
  $("#policy").hover(function(){
 +
    $("#policy").animate({opacity:'0.95'}, "fast");
 +
    $("#policy1").css({display:'inline'});
 +
  });
 +
  $("#policy").mouseout(function(){
 +
    $("#policy").animate({opacity:'0.75'}, "fast");
 +
    $("#policy1").css({display:'none'});
   });
   });
 +
});
 +
 +
 +
jQuery(document).ready(function(){
 +
    jQuery('#tb1').live('click', function(event) {       
 +
        jQuery('#b1').toggle('show');
 +
    });
 +
    jQuery('#tb2').live('click', function(event) {       
 +
        jQuery('#b2').toggle('show');
 +
    });
 +
    jQuery('#tb3').live('click', function(event) {       
 +
        jQuery('#b3').toggle('show');
 +
    });
 +
    jQuery('#tb4').live('click', function(event) {       
 +
        jQuery('#b4').toggle('show');
 +
    });
 +
    jQuery('#tb5').live('click', function(event) {       
 +
        jQuery('#b5').toggle('show');
 +
    });
 +
    jQuery('#ts1').live('click', function(event) {       
 +
        jQuery('#s1').toggle('show');
 +
    });
 +
    jQuery('#ts2').live('click', function(event) {       
 +
        jQuery('#s2').toggle('show');
 +
    });
 +
    jQuery('#ts3').live('click', function(event) {       
 +
        jQuery('#s3').toggle('show');
 +
    });
 +
    jQuery('#ts4').live('click', function(event) {       
 +
        jQuery('#s4').toggle('show');
 +
    });
 +
    jQuery('#tg1').live('click', function(event) {       
 +
        jQuery('#g1').toggle('show');
 +
    });
 +
    jQuery('#tg2').live('click', function(event) {       
 +
        jQuery('#g2').toggle('show');
 +
    });
 +
    jQuery('#tg3').live('click', function(event) {       
 +
        jQuery('#g3').toggle('show');
 +
    });
 +
});
 +
 +
 +
function startup(){
 +
  $("#sidebarblue").animate({marginLeft:'+=250px'}, 1000);
 +
  $("#sidebarlogo").animate({marginLeft:'+=250px'}, 1000);
 +
}
 +
function startup1(){
 +
  $(".1").animate({marginLeft:'+=250px'}, 1000);
 +
}
 +
function startup2(){
 +
  $(".2").animate({marginLeft:'+=250px'}, 1000);
 +
}
 +
function startup3(){
 +
  $(".3").animate({marginLeft:'+=250px'}, 1000);
 +
}
 +
function startup4(){
 +
  $(".4").animate({marginLeft:'+=250px'}, 1000);
 +
}
 +
 +
 +
 +
$(document).ready(function(){
 +
  setTimeout(function() {
 +
    startup();
 +
  }, 1500);
 +
  setTimeout(function() {
 +
    startup1();
 +
  }, 1520);
 +
  setTimeout(function() {
 +
    startup2();
 +
  }, 1560);
 +
  setTimeout(function() {
 +
    startup3();
 +
  }, 1640);
 +
  setTimeout(function() {
 +
    startup4();
 +
  }, 1750);
});
});
Line 267: Line 416:
   <title></title>
   <title></title>
</head>
</head>
 +
 +
 +
<body>
<body>
Line 455: Line 607:
-
<div id="sponsors" style="height:200px; width:100%;"></div>
 
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<div id="sponsors" style="height:10%; width:100%;"></div>
 +
 +
     
</div>
</div>
 +
 +
<img id="sidebarblue" src="https://static.igem.org/mediawiki/2014/e/ec/OxigemsidebarBlue.png" style="float:left;position:fixed;margin-left:-250px;height:100%;" />
 +
 +
<img class="1" src="https://static.igem.org/mediawiki/2014/a/a5/OxigemDotsDCMation.png" style="opacity:0.9;float:left;position:fixed;margin-left:-250px; top:31.6%; height:17.6%;" />
 +
<img class="2" src="https://static.igem.org/mediawiki/2014/0/06/OxigemDotsinterlab.png" style="opacity:0.9;float:left;position:fixed;margin-left:-250px; top:18.3%; height:15.125%;" />
 +
<img class="3" src="https://static.igem.org/mediawiki/2014/e/ee/OxigemDotsP%26P.png" style="opacity:0.9;float:left;position:fixed;margin-left:-250px; top:9%; height:12.75%;" />
 +
<img class="4" src="https://static.igem.org/mediawiki/2014/c/ca/OxigemDotsTeam.png" style="float:left;position:fixed;margin-left:-250px; top:0%; height:12.625%;" />
 +
<img class="1" src="https://static.igem.org/mediawiki/2014/f/f5/OxigemDotsModelling.png" style="opacity:0.8;float:left;position:fixed;margin-left:-250px; top:50.6%; height:17.75%;" />
 +
<img class="2" src="https://static.igem.org/mediawiki/2014/8/87/OxigemDotsAchievements.png" style="opacity:0.9;float:left;position:fixed;margin-left:-250px; top:66.45%; height:13.28%;" />
 +
<img class="3" src="https://static.igem.org/mediawiki/2014/7/7b/OxigemDotsiGEMcomm.png" style="opacity:0.9;float:left;position:fixed;margin-left:-250px; top:78%; height:12.5%;" />
 +
<img class="4" src="https://static.igem.org/mediawiki/2014/0/0e/OxigemDotsSafety.png" style="float:left;position:fixed;margin-left:-250px; top:88.15%; height:11.9%;" />
 +
 +
<a href="https://2014.igem.org/Team:Oxford"><img id="sidebarlogo" class="oxigem" src="https://static.igem.org/mediawiki/2014/a/a4/Oxigemsidebarlogo.png" style="float:left;position:fixed;margin-left:-250px; top:42.5%; height:15%;"/></a>
 +
 +
<img src="https://static.igem.org/mediawiki/2014/3/37/OxigemDotModelling.png" style="float:left;position:fixed; top:59.3%; height:4.125%;" />
 +
<img src="https://static.igem.org/mediawiki/2014/0/05/OxigemDotAchievements.png" style="float:left;position:fixed; top:71%; height:4%;" />
 +
<img src="https://static.igem.org/mediawiki/2014/7/77/OxigemDotiGEMcomm.png" style="float:left;position:fixed; top:81.5%; height:4.375%;" />
 +
<img src="https://static.igem.org/mediawiki/2014/2/27/OxigemDotSafety.png" style="float:left;position:fixed; top:93%; height:4.125%;" />
 +
<img src="https://static.igem.org/mediawiki/2014/e/e7/OxigemDotDCMation.png" style="float:left;position:fixed; top:37%; height:4.125%;" />
 +
<img src="https://static.igem.org/mediawiki/2014/9/94/OxigemDotInterlab.png" style="float:left;position:fixed; top:25%; height:4.125%;" />
 +
<img src="https://static.igem.org/mediawiki/2014/1/19/OxigemDotP%26P.png" style="float:left;position:fixed; top:13.5%; height:4.375%;" />
 +
<img src="https://static.igem.org/mediawiki/2014/c/cc/OxigemDotTeam.png" style="float:left;position:fixed; top:3%; height:4.375%;" />
 +
 +
<img id="modelling1" src="https://static.igem.org/mediawiki/2014/9/93/OxigemDotModelling1.png" style="display:none;float:left;position:fixed; top:59.3%; height:4.125%;" />
 +
<img id="achievements1" src="https://static.igem.org/mediawiki/2014/0/0f/OxigemDotAchievements1.png" style="display:none;float:left;position:fixed; top:71%; height:4%;" />
 +
<img id="igemcomm1" src="https://static.igem.org/mediawiki/2014/a/a8/OxigemDotiGEMcomm1.png" style="display:none;float:left;position:fixed; top:81.5%; height:4.375%;" />
 +
<img id="safety1" src="https://static.igem.org/mediawiki/2014/e/ee/OxigemDotSafety1.png" style="display:none;float:left;position:fixed; top:93%; height:4.125%;" />
 +
<img id="dcmation1" src="https://static.igem.org/mediawiki/2014/d/db/OxigemDotDCMation1.png" style="display:none;float:left;position:fixed; top:37%; height:4.125%;" />
 +
<img id="interlab1" src="https://static.igem.org/mediawiki/2014/5/52/OxigemDotInterlab1.png" style="display:none;float:left;position:fixed; top:25%; height:4.125%;" />
 +
<img id="policy1" src="https://static.igem.org/mediawiki/2014/b/bf/OxigemDotP%26P1.png" style="display:none;float:left;position:fixed; top:13.5%; height:4.375%;" />
 +
<img id="team1" src="https://static.igem.org/mediawiki/2014/c/c5/OxigemDotTeam1.png" style="display:none;float:left;position:fixed; top:3%; height:4.375%;" />
 +
 +
<a href="#"><img class="heading" id="modelling" src="https://static.igem.org/mediawiki/2014/e/e0/OxigemSidebarModelling.png" style="opacity:0.8;float:left;position:fixed; top:59%; height:4.5%;"  /></a>
 +
<a href="#"><img class="heading" id="achievements" src="https://static.igem.org/mediawiki/2014/4/4a/OxigemSidebarAchievements.png" style="opacity:0.75;float:left;position:fixed; top:71%; height:4%;" /></a>
 +
<a href="#"><img class="heading" id="igemcomm" src="https://static.igem.org/mediawiki/2014/8/83/OxigemSidebariGEMcomm.png" style="opacity:0.8;float:left;position:fixed; top:81.1%; height:5.375%;" /></a>
 +
<a href="https://2014.igem.org/Team:Oxford/safety"><img class="heading" id="safety" src="https://static.igem.org/mediawiki/2014/3/3d/OxigemSidebarSafety.png" style="opacity:0.75;float:left;position:fixed; top:92.9%; height:4.375%;" /></a>
 +
<a href="#"><img class="heading" id="dcmation" src="https://static.igem.org/mediawiki/2014/1/18/OxigemSidebarDCMation.png" style="opacity:0.8;float:left;position:fixed; top:36%; height:5.75%;" /></a>
 +
<a href="#"><img class="heading" id="interlab" src="https://static.igem.org/mediawiki/2014/e/e2/OxigemSidebarInterlab.png" style="opacity:0.8;float:left;position:fixed; top:24.4%; height:5.25%;" /></a>
 +
<a href="https://2014.igem.org/Team:Oxford/policy_and_practices"><img class="heading" id="policy" src="https://static.igem.org/mediawiki/2014/7/7b/OxigemSidebarP%26P.png" style="opacity:0.8;float:left;position:fixed; top:13.2%; height:4.875%;" /></a>
 +
<a href="https://2014.igem.org/Team:Oxford/team"><img class="heading" id="team" src="https://static.igem.org/mediawiki/2014/3/3b/OxigemSidebarTeam.png" style="opacity:0.8;float:left;position:fixed; top:3%; height:4.625%;" /></a>
 +
-
<img src="https://static.igem.org/mediawiki/2014/9/91/OxigemSidebar.png" style="float:left;position:fixed; height:100%;" />
 
 +
<img src="https://static.igem.org/mediawiki/2014/6/60/OxigemAchievements2.png" style="position:fixed; display:none; height:4%; top:37%; left:2%;" />
   <div class="iGEMlogo" style="width:6.5%; position:absolute; top:0.7%; right:0.5%; min-width:50px;">
   <div class="iGEMlogo" style="width:6.5%; position:absolute; top:0.7%; right:0.5%; min-width:50px;">
-
     <a href="https://2014.igem.org/Main_Page" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/98/OxigemiGEM.png" style="width:100%"/></a>
+
     <a href="https://2014.igem.org/Main_Page" target="_blank"><img src="https://static.igem.org/mediawiki/2014/5/56/OxigemiGEMgrey.png" style="width:100%"/></a>
   </div>
   </div>
-
   <a href="#"><img id="arrowl" src="https://static.igem.org/mediawiki/2014/7/77/OxigemArrowl.png" style="position:absolute; width:2.5%; top:50%;right:1.5%; opacity:0.6; z-index:4;" /></a>
+
   <a href="#"><img id="arrowl" src="https://static.igem.org/mediawiki/2014/1/1d/OxigemArrowleft.png" style="position:fixed; width:50px; top:23%;right:0px; opacity:0.6; z-index:4;" /></a>
-
   <div id="grey" style="width:14%; position:absolute; top:23%; right:-13%; z-index:4;">
+
   <div id="grey" style="width:190px; position:fixed; top:23%; right:-175px; z-index:4;">
     <img src="https://static.igem.org/mediawiki/2014/0/0d/OxigemGrey.png" style="position:relative;width:100%;" />
     <img src="https://static.igem.org/mediawiki/2014/0/0d/OxigemGrey.png" style="position:relative;width:100%;" />
-
     <a href="#"><img id="arrowr" src="https://static.igem.org/mediawiki/2014/0/03/OxigemArrowr.png" style="position:absolute;width:16%;top:5%;left:10%;"></a>
+
     <a href="#"><img id="arrowr" src="https://static.igem.org/mediawiki/2014/0/03/OxigemArrowr.png" style="position:absolute;width:14%;top:5%;left:10%;"></a>
     <div class="fbicon" style="position:absolute;width:23%; top:20%; left:9%;" onmouseover=
     <div class="fbicon" style="position:absolute;width:23%; top:20%; left:9%;" onmouseover=
       "iconleft(this)" onmouseout="iconnormal(this)" border="0"><a href="https://www.facebook.com/oxfordigem" target="_blank" style="background-image: none;"><img src="https://static.igem.org/mediawiki/2014/8/88/OxigemIconfacebook.png" style="width:100%;" /></a>
       "iconleft(this)" onmouseout="iconnormal(this)" border="0"><a href="https://www.facebook.com/oxfordigem" target="_blank" style="background-image: none;"><img src="https://static.igem.org/mediawiki/2014/8/88/OxigemIconfacebook.png" style="width:100%;" /></a>

Revision as of 11:21, 29 September 2014

#list li { list-style-image: url("https://static.igem.org/mediawiki/2014/6/6f/OxigemTick.png"); } }


Construction


Introduction: how we constructed our biosensor

In order to be able to use our model and to determine whether DcmR acts as a repressor or activator in the presence of DCM we designed and constructed the following two plasmid system. We primarily used Gibson assembly methods and source most of the necessary DNA from gblocks(synthesised oligonucleotides) we had designed based in the sequenced genome of Methylobacterium DM4. This system will also form the DCM biosensor and will be integrated with an electronic circuit to complement this genetic one:
pOXON-2-dcmR-mCherry
pOXON-2-dcmR-mCherry
Oxford iGEM 2014
pSRK-Gm-pdcmAsfGFP
pSRK-Gm-pdcmAsfGFP
Oxford iGEM 2014
Why these two plasmid backbones?
Why these two plasmid backbones?
  • The two plasmids are partitioned during cell division by different systems, thus an equal proportion of each plasmid is maintained in each new daughter cell.

  • Different antibiotic resistances will allow us to select for cells that have taken up both plasmids by application of both antibiotics.

  • The replication origins compatible with E.coli and pseudomonas strains.

  • We have used two plasmids so that we can test each part in isolation before transforming them both into the same cell.
    • How were the constructs made?
    How were the constructs made?

    Building pOXON-1


  • The first task in the construction of the pOXON-2-dcmR-mcherry construct was the creation of pOXON-1; pME6010 with tetracycline resistance replaced by kanamycin resistance. (N.B. The KanR gene was amplified with an optimised RBS.)

  • pOXON-1 was produced using the Gibson assembly method.

    • Building pOXON-2 and pOXON-2-dcmR


  • pOXON-1 was then used as the vector for the insertion of the three gblock fragment constituting the inducible expression system of dcmR via Gibson assembly.

  • Upon sequencing of the product, it was determined that the version of the gblock containing the dcmR gene in the construct was actually truncated. This construct with the truncated dcmR is pOXON-2. A second Gibson assembly reaction was used to replace the truncated version with the full length gene also derived from the gblock. The resulting construct was named pOXON-2-dcmR.

    • Adding in mCherry


  • We then used pOXON-2-dcmR as the vector for the insertion of mCherry downstream of dcmR as a translational fusion by Gibson assembly.

  • We therefore have a system of expressing dcmR with (pOXON-2-dcmR-mCherry) and without (pOXON-2-dcmR) the mCherry fusion in order to test whether the addition of mCherry affects the action of DcmR. Both will be submitted as BioBricks in the standard pSB1C3 backbone.

  • All constructs were confirmed by sequencing.

    • Building pSRK Gm construct


  • Still under construction, we have attempted to make our second construct by inserting the pdcmAsfGFP gblock into the pSRK Gm vector by Gibson assembly. As this is proving difficult the next approach will be to insert the two components separately and to source the DNA from other sources instead of the gblock. Firstly pdcmA will be amplified from Methylobacterium extorquens DM4 genomic DNA and inserted into the pSRKGm vector. sfGFP will them be amplified from a plasmid already containing it and then added the the pSRKGm-pdcmA construct.