Difference between revisions of "Team:Freiburg/Testpage3"

 
(16 intermediate revisions by 2 users not shown)
Line 2: Line 2:
 
{{Freiburg/Menubar}}
 
{{Freiburg/Menubar}}
  
{{Freiburg/wiki_content_start}}
+
{{Team:Freiburg/wiki_content_start_bubble}}
 
<html>
 
<html>
 
 
<style>
 
<style>
/*======= BEGIN: General Styling ========*/
 
body {
 
    color: #000;
 
}
 
 
.page_content {
 
    margin-bottom: 0px;
 
}
 
 
.content_box3 {
 
    /*box-shadow: none;*/
 
    overflow: hidden;
 
    background-color: #FFF;
 
    padding: 1% 2% 0% 2%;
 
    border-radius: 15px 30px;
 
    margin-top: 2em;
 
}
 
 
h1 {
 
    text-align: center;
 
}
 
 
.header_box {
 
    overflow: hidden;
 
    padding: 2% 0%;
 
    margin: auto;
 
    width: 60%;
 
    text-align: left;
 
    background-color: #FFF;
 
    border-radius: 30px 60px;
 
    box-shadow: 1px 1px 10px #888;
 
    -webkit-box-shadow: 1px 1px 10px #888;
 
    -moz-box-shadow: 1px 1px 10px #888;
 
}
 
 
.image_box {
 
    margin-bottom 10%;
 
    margin-left: -8%;
 
    margin-top: -10%;
 
    margin-right: -10%;
 
}
 
/*======= END: General Styling ========*/
 
 
 
 
/*========= BEGIN: style for navigation bar ==========*/
 
/*========= BEGIN: style for navigation bar ==========*/
 
#project {
 
#project {
Line 64: Line 19:
 
/*========= END: style for navigation bar ==========*/
 
/*========= END: style for navigation bar ==========*/
  
/* code adapted from http://www.smashingmagazine.com/2012/04/pure-css3-cycling-slideshow/*/
+
.horizontal_menu li {
 
+
    display: block;
#slider {
+
    margin-top: 5px;
  height: 500px;
+
  width: 910px;
+
  overflow: visible;
+
  position: relative;
+
 
}
 
}
  
/* hides everything outside the slider box */
+
.biobrick_emphasize {
#mask {
+
    font-size: 15pt;
  overflow: hidden;
+
  height: 500px;
+
 
}
 
}
 +
</style>
  
/* initialize position for positioning slides outside the slider */
 
#slider ul {
 
  margin: 0;
 
  padding: 0;
 
  position: relative;
 
}
 
  
/* define image properties and position them outside the slider mask */
 
#slider li {
 
  width: 900px;  /* Width slide */
 
  height: 500px; /* Height slide */
 
  position: absolute;
 
  right: 0; /* Original Position - Outside of the Slider */
 
  list-style: none;
 
}
 
  
 +
<script type="text/javascript">
 +
//===================BEGIN:Amazing Bubble Sidebar==========================
  
#first,
+
$(document).ready(function(){
#second,
+
  // CHANGE THE FOLLOWING ATTRIBUTES //
#third,
+
  var href_text1='https://2015.igem.org/Team:Freiburg/Project/Overview',
#fourth{
+
  // Text2 needs no href as it is the actual page //
   left: -1000px;
+
   img_url='https://static.igem.org/mediawiki/2015/7/76/Freiburg_icon_project_white_03.png',
   -ms-transition: tranform 1s ease;
+
   href_text3='https://2015.igem.org/Team:Freiburg/Project/Cellfree_Expression',
   -webkit-transition: transform 1s ease;
+
   // Text1 needs no text as it is a pic //
   transition: transform 1s ease;
+
   text2='DNA Engineering';
   font-size: 100%;
+
   // Text3 needs no text as its always 'next' //
}
+
  // HOLD ON CHANGING THINGS --JABBERWOCK  //
  
#first{left: 0;}
+
  $('#bubble1').attr('href',href_text1);
#third{z-index : -100;}
+
  $('#bubble1_img').attr('src', img_url);
#fourth{z-index: -100; left: 1000px;}
+
  $('#bubble3').attr('href',href_text3);
  
.container{
+
  $('#bubble2').text(text2);
    position: relative;
+
});
    height: 500px;
+
    margin: 3% 0;
+
    width: 1000px;
+
}
+
  
#buttonleft {
+
//===================END:Amazing Bubble Sidebar==========================
  z-index: 200;
+
</script>
  position: absolute;
+
  top: 190px;
+
  left: 0;
+
}
+
  
#buttonright{
 
  z-index: 200;
 
  position: absolute;
 
  right: 0;
 
  top: 190px;
 
}
 
  
#buttonleft img,
 
#buttonright img{
 
  width: 50px;
 
}
 
  
#content-slider{
 
  position: absolute;
 
  top:0;
 
  left:50px
 
}
 
  
 +
<div class="content_box" style="margin-top:0">
 +
<h1 class="sectionedit1">DNA Engineering</h1>
  
#buttonright:hover,
+
<div class="floatbox left">
#buttonleft:hover{
+
<p>
  cursor: pointer;
+
A protein array containing different antigens specific for distinct diseases is one of the main parts of the DiaCHIP. Manufacturing this array can be done by conventional <a class="wikilink1" href="https://2015.igem.org/Team:Freiburg/Project/Protein_Purification" title="ProtPur">protein expression</a> and spotting of the proteins on a specific surface by hand or via <a class="wikilink1" href="https://2015.igem.org/Team:Freiburg/Project/Cellfree_Expression" title="cell_free">cell-free expression</a>. Both systems are based on different expression backbones. Therefore, a lot of cloning was required to obtain all constructs.
  cursor: hand;
+
<br>
}
+
To reduce this ambitious task to a minimum of effort, we elaborated a well-structured <a class="wikilink1" href="#detailed_cloning_anchor" title="Detailed_cloning">cloning strategy</a> including a self-designed <a class="wikilink1" href="#cloning_site_anchor" title="Cloning site">multiple cloning site</a>. The cloning site for these purposes was incorporated into the commercial expression vector pET22b+ resulting in <a class="wikilink1" href="#vector_design_anchor" title="vector_design">pET_iGEM</a>.
 +
</p>
 +
</div>
  
.container{
+
<div class="floatbox right">
  position: relative;
+
<p>
}
+
We soon realized that protein expression is probably a problem many iGEM Teams around the world are facing during their projects. Therefore, we decided to improve the plasmid backbone <a class="media" href="http://parts.igem.org/Part:pSB6A1" target="_blank" title="pSB6A1">pSB6A1</a> for protein overexpression providing the Registry with <a  class="wikilink1" href="https://2015.igem.org/Team:Freiburg/Description" title=„pOP“>pOP</a>, an expression backbone suitable for iGEM standard cloning procedures.
 +
<br>
 +
To help future iGEM Teams with their decision, which cloning method to use, we compared and contrasted classical cloning and Gibson Assembly in a <a class="wikilink1" href="https://2015.igem.org/Team:Freiburg/Project/Classic_vs_Gibson" title="Review">short review</a>.
 +
</p>
  
.artboard{
+
<div class="horizontal_menu">
     box-sizing: border-box;
+
<ul>
     height: 470px;
+
    <li><a href="#cloning_site_anchor" title="Cloning site">1. Our Cloning Site</a></li>
     border-radius: 60px;
+
     <li><a href="#vector_design_anchor" title="vector_design">2. Design of pET_iGEM</a></li>
     background-color: #FCFCFC;
+
     <li><a href="#detailed_cloning_anchor" title="Detailed_cloning">3. Detailed Cloning Strategy</a></li>
box-shadow: 1px 1px 10px rgb(136, 136, 136);
+
     <li><a href="https://2015.igem.org/Team:Freiburg/Description" title=„pOP“>4. pOP - Protein Expression Meets iGEM Standards</a></li>
margin: 5px;
+
     <li><a href="https://2015.igem.org/Team:Freiburg/Project/Classic_vs_Gibson" title="Review">5. Short Review on Cloning Methods</a></li>
border: 2px solid rgb(0, 81, 162);
+
</ul>
}
+
</div>
 +
</div>
  
.sliderimage{
+
</div>
  float: right;
+
  margin: 3% 70px 3% 25px;
+
  width: 350px
+
}
+
  
.slidertext{
+
<span id="cloning_site_anchor" class="anchor"></span>
  margin: 3% 25px 0 65px;
+
<div id="cloning_site" class="content_box">
  width: 350px;
+
<h1>1. Our Cloning Site</h1>
  text-align: justify;
+
<div class="floatbox left">
  line-height: 1;
+
<p>
  float: left;
+
The cloning site we developed enables the assembly of different antigens with a number of tags in a standardized manner making it simple for many people to work with. A first calculation based on the assumption of using about 15 antigens and four different tag systems resulted in a total of 120 constructs to be cloned. This underlines the need for a simplified cloning procedure.
}
+
        </p>
 +
        <p>
 +
We did not use one of the available iGEM standards as a new cloning site for several reasons.
 +
        </p>
 +
</div>
  
.slidertext h1{
+
<div class="floatbox right">
  text-align: left;
+
        <p>
}
+
The RFCs are designed to enable serial assembly of various sequences, but the exchange of single parts at a later time point is not possible<sup><a class="fn_top" href="#fn__1" id="fnt__1" name="fnt__1">1)</a></sup>. In order to be able to exchange tags at the N-terminus as well as at the C-terminus, distinct restriction sites need to persist between the parts. Moreover, we first wanted to establish an expression cassette inserted between BioBrick pre- and suffix of the submission backbone <a class="urlextern" href="http://parts.igem.org/Part:pSB1C3" target="_blank" title="pSB1C3">pSB1C3</a>. Therefore, making use of an additional RFC was not possible.
 +
</p>
 +
</div>
 +
<div style="clear:both"></div>
  
.slidertext p{
 
margin-bottom: 0;
 
}
 
  
.slidertext.indent{
 
  clear: both;
 
  margin-left: 15%;
 
  margin-top: 0;
 
  width: 290px;
 
}
 
  
.dummy-image{
+
<div class="flexbox">
  background-color: black;
+
<div class="thumb2 trien" style="width:680px">
  height: 400px;
+
                <div class="thumbinner">
  width: 350px;
+
                    <a href="https://static.igem.org/mediawiki/2015/6/6c/150917_ownMCS_ls.png" class="lightbox_trigger">
}
+
                    <img src="https://static.igem.org/mediawiki/2015/6/6c/150917_ownMCS_ls.png" width="600px"> 
 +
                    <div class="thumbcaption">
 +
                  </a>
 +
                      <p><strong> Figure 1: Self-designed cloning site.</strong> Our cloning site containing the restriction sites <i>Acc</i>65I, <i>Bam</i>HI, <i>Hind</i>III and <i>Afl</i>II, that are assembled in a way that facilitates exchange of tags without getting a frame-shift.</p>
 +
                  </div>
 +
              </div>
 +
</div>
 +
</div>
 +
<div class="kommentar">
 +
Die buchstaben von Restirktionsenzymen immer kursiv - sind abgekürzte Artnamen. Im Text hab ichs geändert, aber nicht in der Abbildung (ps1709)
 +
</div>
  
</style>
 
  
  
<html>
 
  
<script>
+
<div class="floatbox left">
$(document).ready(function(){
+
<p>
 +
The basic idea was to have distinct restriction sites which can be used for the insertion of antigens, while others can be used for the exchange of tags. Finally, this resulted in a cloning site containing <i>Acc</i>65I, <i>Bam</i>HI, <i>Hind</i>III and <i>Afl</i>II restriction sites (figure 1). Using those sites for the assembly of different antigen-tag combinations will never result in a frameshift, if the coding sequence is in frame with the restriction sites flanking it.
 +
<br>
 +
The restriction sites have been chosen according to the amino acids that result from the translation of their sequence. <i>Acc</i>65I (G/GTACC) and <i>Bam</i>HI (G/GATCC) are translated into glycine and either serine or threonine.
 +
        </p>
 +
</div>
  
    var distance = 2;
+
<div class="floatbox right">
    // see: http://atomicrobotdesign.com/blog/web-development/how-to-disable-a-button-until-a-jquery-animation-has-finished/ //
+
        <p>
    // bind the button to the function, so it can be unbound in the code and the button isnt clickable any more //
+
Those are hydrophilic, soluble amino acids, which are commonly used in flexible linkers. The translation of <i>Hind</i>III (A/AGCTT) results in lysine and leucin. Especially lysine is highly hydrophobic, which is why some soluble amino acids should be used as a linker in front of a C-terminal tag. The last restriction site, <i>Afl</i>II (C/TTAAG), is also translated to leucin and lysine. This will not highly affect protein function or folding since these are the last translated codons. Anyways, in order to prevent rapid protein degradation according to the N-end-rule in bacteria<sup><a class="fn_top" href="#fn__2" id="fnt__2" name="fnt__2">2)</a></sup>, a few additional amino acids have been inserted between the <i>Afl</i>II site and the stop codon (TGA).
    $("#buttonleft").bind("click", moveleft);
+
</p>
function moveleft(e) {
+
</div>
// unbind the button //
+
<div style="clear:both"></div>
$("#buttonleft").unbind();
+
console.log("Click "+distance);
+
  
if (distance == 1) {
+
            <div class="footnotes">
console.log("Distance: "+distance);
+
            <div class="fn"><sup><a class="fn_bot" href="#fnt__1" id="fn__1" name="fn__1">1)</a></sup><a class="urlextern" href="http://dspace.mit.edu/handle/1721.1/21168" rel="nofollow" target="_Blank" title="http://dspace.mit.edu/handle/1721.1/21168">Knight T 2003. Idempotent Vector Design for Standard Assembly of BioBricks.</a></div>
$('#first').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"});
+
            <div class="fn"><sup><a class="fn_bot" href="#fnt__2" id="fn__2" name="fn__2">2)</a></sup><a class="urlextern" href="http://www.sciencemag.org/content/254/5036/1374.long" rel="nofollow" target="_Blank" title="http://www.sciencemag.org/content/254/5036/1374.long">Tobias JW 1991. The N-end rule in bacteria. Science.</a></div>
    $('#second').css({"z-index": "100"});
+
            </div>
    $('#third').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"});
+
</div>
    $('#fourth').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"});
+
    distance = 2;
+
}
+
  
else if (distance ==2) {
+
<!-- EDIT1 SECTION "Cloning site" [3-3437] -->
console.log("Distance: "+distance);
+
$('#first').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"});
+
    $('#second').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"});
+
    $('#third').css({"z-index": "100"});
+
    $('#fourth').css({"z-index": "-100", "transform": "translateX(-2000px)", "-webkit-transform": "translateX(-2000px)", "-ms-transform": "translateX(-2000px)", "-webkit-transform": "translateX(-2000px)", "-ms-transform": "translateX(-2000px)"});
+
    distance = 3;
+
}
+
  
else if (distance ==3) {
+
<span id="vector_design_anchor" class="anchor"></span>
console.log("Distance: "+distance);
+
<div id="vector_design" class="content_box">
$('#first').css({"z-index": "-100", "transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"});
+
<h1>2. Design of pET_iGEM</h1>
    $('#second').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"});
+
    $('#third').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"});
+
    $('#fourth').css({"z-index": "100"});
+
    distance = 4;
+
}
+
  
else if (distance ==4) {
+
<div class="image_box right">
console.log("Distance: "+distance);
+
<div class="thumb2 trien" style="width:260px">
$('#first').css({"z-index": "100"});
+
                <div class="thumbinner">
    $('#second').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"});
+
                    <a href="https://static.igem.org/mediawiki/2015/a/a1/Freiburg_labjournal-cloning-pig15_001neu.jpg" class="lightbox_trigger">
    $('#third').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"});
+
                    <img src="https://static.igem.org/mediawiki/2015/a/a1/Freiburg_labjournal-cloning-pig15_001neu.jpg" width="250px"
    $('#fourth').css({"transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"});
+
                    <div class="thumbcaption">
    distance = 1;
+
                  </a>
}
+
                      <p><strong>Figure 2: pIG15_001.</strong> <a class="urlextern" href="http://parts.igem.org/Part:pSB1C3" target="_blank" title="pSB1C3">pSB1C3</a> backbone containing an altered cloning site in the middle of an expression cassette for improved assembly of protein coding sequences with different tags (N- or C-terminal), which avoids the formation of frameshifts. Important parts for overexpression of proteins in <i>E. coli</i> were added inside the RFC[10].</p>
 +
                  </div>
 +
              </div>
 +
</div>
 +
</div>
  
// see: http://stackoverflow.com/questions/1836105/how-to-wait-5-seconds-with-jquery //
 
// wait until css-animation has finished. time is specified in css-transition property //
 
setTimeout(function(){
 
$("#buttonleft").bind("click", moveleft);
 
}, 1000);
 
}
 
  
 +
<p>
 +
For protein expression, we designed two vectors based on the submission backbone <a class="urlextern" href="http://parts.igem.org/Part:pSB1C3" target="_blank" title="pSB1C3">pSB1C3</a>. pIG15_001 (figure 2) was supposed to be adapted for inducible protein overexpression in <i>E. coli</i>. Therefore, we inserted main features derived from the commercial expression vector pET22b+ between the BioBrick pre- and suffix of <a href="http://parts.igem.org/Part:pSB1C3" target="_blank">pSB1C3</a>. These include a T7 promoter and terminator, a ribosomal binding site, the self-designed <a class="wikilink1" href="#cloning_site_anchor" title="Cloning site">cloning site</a> and a lacI expression cassette. Additionally, a pelB signal sequence for periplasmic translocation was added 5’ to the cloning site.
 +
</p>
 +
<div class="kommentar">
 +
Der pIG15002 ist doch für eukaryotische Expression gewesen, nicht für cell-free. Sonst macht der CMV promoter wenig sinn, oder? ich pass den text mal dahingehend an...(ps1709)
 +
</div>
 +
<div class="image_box left">
 +
<div class="thumb2 trien" style="width:260px">
 +
                <div class="thumbinner">
 +
                    <a href="https://static.igem.org/mediawiki/2015/a/ac/Freiburg_labjournal-cloning-pig15_002neu.jpg" class="lightbox_trigger">
 +
                    <img src="https://static.igem.org/mediawiki/2015/a/ac/Freiburg_labjournal-cloning-pig15_002neu.jpg" width="250px"> 
 +
                    <div class="thumbcaption">
 +
                  </a>
 +
                      <p><strong>Figure 3: pIG15_002.</strong> For expression in eukaryotic cells the <a class="urlextern" href="http://parts.igem.org/Part:pSB1C3" target="_blank" title="pSB1C3">pSB1C3</a> backbone was altered similarly, but without a pelB secretion signal or lacI coding sequence and with a CMV promoter instead of a T7 promoter.</p>
 +
                  </div>
 +
              </div>
 +
</div>
 +
</div>
  
    $("#buttonright").bind("click", moveright);
 
function moveright(e) {
 
  
$("#buttonright").unbind();
+
<p>
console.log("Click "+distance);
+
The vector for expression in mammalian cells(pIG15_002; figure 3) was designed analogously, but lacking the lacI expression cassette and the signal sequence. The T7 promoter and terminator were exchanged by a CMV promoter and a WPRE terminator region for secretion into the medium.
 +
<p>
 +
Unfortunately, after the first expression experiment in <i>E. coli</i>, we realized that the yields of protein expression are not sufficient for our purposes. Instead of wasting time trying to optimize our own expression vector, we went on using the original vector and modified the cloning site to fit our requirements. The original vector pET22b+ and the modified version pET_iGEM are compared in figure 4.
 +
</p>
  
if (distance == 1) {
+
<p>
$('#first').css({"z-index": "-100"});
+
Using an adapted commercial expression vector finally resulted in sufficiently high protein yields. The advantages of expression vectors like pET22b+ in contrast to cloning vectors like <a class="urlextern" href="http://parts.igem.org/Part:pSB1C3" target="_blank" title="pSB1C3">pSB1C3</a> are discussed in detail on the introduction page for <a  class="wikilink1" href="https://2015.igem.org/Team:Freiburg/Description" title=„pOP“>pOP</a>. This is a plasmid backbone we submitted to the iGEM Registry that is optimized for protein overexpression purposes and fully compatible with iGEM idempotent cloning standards of RFC[25].
    $('#second').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"});
+
</br>
    $('#third').css({"z-index": "100","transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"});
+
The backbone for cell-free expression was not changed because a PCR product of the expression cassette serves as a template for the actual expression purpose making the vector it is assembled on irrelevant. Using a high-copy plasmid as <a class="urlextern" href="http://parts.igem.org/Part:pSB1C3" target="_blank" title="pSB1C3">pSB1C3</a> rather simplifies cloning efforts.  
    $('#fourth').css({"transform": "translateX(-2000px)", "-webkit-transform": "translateX(-2000px)", "-ms-transform": "translateX(-2000px)"});
+
</p>
    distance = 4;
+
}
+
  
else if (distance ==2) {
+
<div class="flexbox">
console.log("Distance: "+distance);
+
<div class="thumb2 trien" style="width:1000px">
$('#first').css({"transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"});
+
                <div class="thumbinner">
    $('#second').css({"z-index": "-100"});
+
                    <a href="https://static.igem.org/mediawiki/2015/b/b9/150917_pETComp_WIKI2neu_LS.png" class="lightbox_trigger">
    $('#third').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"});
+
                    <img src="https://static.igem.org/mediawiki/2015/b/b9/150917_pETComp_WIKI2neu_LS.png" width="780px"
    $('#fourth').css({"z-index": "100","transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"});
+
                    <div class="thumbcaption">
    distance = 1;
+
                  </a>
}
+
                      <p><strong>Figure 4: Comparison of pET_iGEM and pET22b+.</strong> The two vectors differ in the cloning site that contains only four restriction sites in pET_iGEM (<i>Acc</i>65I, <i>Bam</i>HI, <i>Hind</i>III, <i>Afl</i>II) compared to the more complex multiple cloning site of the original pET22b+ (<i>BamHI</i>, <i>Eco</i>RI, <i>Sac</i>I, <i>Sal</i>I, <i>Hind</i>III, <i>Not</i>I, <i>Ava</i>I, <i>Xho</i>I). The 6xHis-Tag from pET22b+ was also removed to enable easy tag-exchanges with our system.</p>
 +
                  </div>
 +
              </div>
 +
</div>
 +
</div>
 +
</div>
  
else if (distance ==3) {
 
console.log("Distance: "+distance);
 
$('#first').css({"z-index": "100","transform": "translateX(0px)", "-webkit-transform": "translateX(0px)", "-ms-transform": "translateX(0px)"});
 
    $('#second').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"});
 
    $('#third').css({"z-index": "-100"});
 
    $('#fourth').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"});
 
    distance = 2;
 
}
 
  
else if (distance ==4) {
 
console.log("Distance: "+distance);
 
$('#first').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"});
 
    $('#second').css({"z-index": "100","transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"});
 
    $('#third').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"});
 
    $('#fourth').css({"z-index": "-100"});
 
    distance = 3;
 
}
 
  
setTimeout(function(){
+
<span id="detailed_cloning_anchor" class="anchor"></span>
$("#buttonright").bind("click", moveright);
+
<div id="detailed_cloning" class="content_box">
}, 1000);
+
  <h1>3. Detailed Cloning Strategy</h1>
}
+
  <p>
});
+
As mentioned before, we established a cloning strategy, which is easy to handle for a team of researchers working together on the same project. It facilitates easy exchange of tags for custom purposes. All our cloning efforts began with either pET_iGEM, the modified version of pET22b+, for <i>E. coli</i>-based protein expression or pIG15_104, where the expression site derived from pET22b+ was inserted into <a class="urlextern" href="http://parts.igem.org/Part:pSB1C3" target="_blank" title="pSB1C3">pSB1C3</a>.
</script>
+
  
<div class="header_box">
+
        <h3>The Basic Constructs (Protein Purification Using <i>E. coli</i>)</h3>
<h1>The DiaCHIP - A Versatile Detection System</h1>
+
        <p>
</div>
+
<span class="biobrick_emphasize"><strong>pET_iGEM</strong></span>: To modify the multiple cloning site of pET22b+ for our purposes, we performed a Gibson Assembly with only one fragment. Therefore, we designed primers for the amplification of the whole plasmid, except the MCS. The cloning site we designed ourselves was part of the primer extension.
 +
        </p>
 +
        <p>
 +
<span class="biobrick_emphasize"><strong>pET_803</strong></span>: To insert the very small but commonly used His-tag, we again used Gibson Assembly because classical cloning of such small parts can be a challenging task. The respective primers were designed for amplification of <a class="media" href="http://parts.igem.org/Part:BBa_K1621002" target="_blank" title="BBa_1621002">antigen 8 (Herpes Simplex Virus Type 1, glycoprotein G1)</a> to combine the insertion of the tag and an antigen. While the forward primer was a regular Gibson primer, the reverse primer additionally contained the sequence of a 10xHis-tag. After amplification, the part was inserted into the <i>Bam</i>HI and <i>Afl</i>II digested backbone pET_iGEM resulting in the first antigen with N-terminal His-tag.
 +
        </p>
 +
        <p>
 +
<span class="biobrick_emphasize"><strong>pET_804</strong></span>: Another tag we wanted to use for immobilization of the antigens on the surface is the <a class="media" href="http://parts.igem.org/Part:BBa_K1159201" target="_blank" title="BBa_K1158201">SpyTag</a>. This part of 39 bp length was inserted into pET_iGEM analogous to the 10xHis-tag. The only difference was that the forward primer for amplification of antigen 8 included a standard 6xHis-tag, which enables the purification of the protein. Consistent with our cloning strategy, the amplified part was inserted between <i>Acc</i>65I and <i>Afl</i>II as it contains an N-terminal as well as a C-terminal tag. <i>Bam</i>HI and <i>Hind</i>III restriction sites were retained flanking the antigen making it freely exchangeable.
 +
        </p>
 +
        <p>
 +
<span class="biobrick_emphasize"><strong>pET_805</strong></span>: The only tag we used that was not inserted via Gibson Assembly was the HaloTag. With a length of about 900 bp, classical cloning of this part was no trouble. The <a class="wikilik1" href="https://2015.igem.org/Team:Freiburg/Project/Surface_Chemistry#halo_surface_anchor" titlre="halo">HaloTag</a> exists in two variants, one being optimized for C-terminal tagging of the protein, the other for N-terminal tagging. As the tag we had access to was the C-terminal one, the SpyTag in pET_804 was exchanged using the restriction sites <i>Hind</i>III and <i>Afl</i>II resulting in <b>pET_805</b>.
 +
        </p>
  
<div class="image_box left" style="margin-bottom:10%;margin-left:-8%;margin-top:-10%;margin-right:-10%">
 
<img align="left" alt="DiaCHIP_Sabi" src="https://static.igem.org/mediawiki/2015/a/af/Freiburg_DiaCHIP_Sabi.png" height="1430px">
 
</div>
 
  
<div style="width:120%;margin-bottom:18%">
+
<h3 class="sectionedit2">Tagged Constructs (Protein Purification Using <i>E. coli</i>)</h3>
<div class="content_box3" style="margin-right:25%">
+
<h2>Project Motivation</h2>
+
 
<p>
 
<p>
        Serological tests are a key element in modern medicine. Especially, when it comes to the detection and identification of infectious diseases performing different blood tests is inevitable. Regardless if a patient has diffuse symptoms or if he is tested for a defined number of diseases, more than one serological test has to be performed each time. Many tests, many days of waiting and an increasing bill: with some infectious diseases every minute counts and not everyone can afford a long series of testing. Wouldn't it be great if there was a possibility to combine all tests in one single affordable device?
+
We wanted to establish a tag-system, which minimizes unspecific binding of proteins to the chip surface, therefore testing different <a class="wikilink1" href="https://2015.igem.org/Team:Freiburg/Project/Surface_Chemistry" title="tag_systems">tag systems</a>.
 
</p>
 
</p>
</div>
 
  
<div class="content_box3" style="margin-left:35%;margin-right:15%">
 
<h2>Detecting Antigen-Antibody Interactions</h2>
 
 
<p>
 
<p>
The DiaCHIP is an innovative tool to screen for a broad range of antibodies present in serum. <br>
+
<span class="biobrick_emphasize"><strong>His-tag</strong></span>: Every antigen was genetically fused to a C-terminal 10xHis-tag, which could be used for its immobilization on the surface as well as for its purification. The basic construct for this purpose was pET_803. The <a class="media" href="http://parts.igem.org/Part:BBa_K1621002" target="_blank" title="BBa_1621002">Herpes Simplex Virus derived antigen</a>, which was initially finished cloning, had to be excised by restriction with <i>Bam</i>HI and <i>Hind</i>III. Thus, all the other antigens digested in the same way could be ligated into this backbone.
        Antibodies can be an indicator for an immune response towards an infection or a successful vaccination. <br>    Antibodies also play a role in the diagnosis of autoimmune diseases. <br>
+
        Especially the ability to differentiate between life threatening diseases and a mild infection within a short time bears the potential to save lives.
+
 
</p>
 
</p>
 +
 
<p>
 
<p>
Spotting diseases by detecting correspondent antibodies in a patient's serum is an established method in  <a href="https://2015.igem.org/Team:Freiburg/Diagnostics" title="diagnostics_today">modern diagnostics</a>. The DiaCHIP makes it possible to screen for multiple specific antibodies simply using a drop of blood.
+
<span class="biobrick_emphasize"><strong>SpyTag</strong></span>: Another tag for surface immobilization of the antigen is the <a class="media" href="http://parts.igem.org/Part:BBa_K1159201" target="_blank" title="BBa_K1158201">SpyTag</a>. To enable protein purification via Ni-NTA columns proteins fused to the SpyTag were additionally fused to a C-terminal 6xHis-tag. The basic vector for cloning these constructs was pET_804. Excision of the <a class="media" href="http://parts.igem.org/Part:BBa_K1621002" target="_blank" title="BBa_1621002">Herpes Simplex Virus derived antigen</a> and insertion of other antigens was performed analogous to the antigen exchange in His-tag constructs.
 
</p>
 
</p>
</div>
 
  
<div class="content_box3" style="margin-right:25%">
 
<h2>The Concept</h2>
 
 
<p>
 
<p>
The key feature of the DiaCHIP concept is the combination of on-demand protein synthesis and a novel method for label-free detection packed into one device. The idea is to overcome challenges commonly found in protein array production and preservation. In addition, results can be obtained in a time- and cost-efficient manner; with a device simple enough to be rebuilt by future iGEM teams.
+
<span class="biobrick_emphasize"><strong>HaloTag</strong></span>: As a second covalent tag-system for immobilization of the antigens on the surface we used the HaloTag, which specifically binds to a <a class="wikilink1" href="https://2015.igem.org/Team:Freiburg/Project/Surface_Chemistry#halo_surface_anchor" title="halo_surface">chloroalkane surface</a>. Using our own cloning strategy, the HaloTag could easily be inserted between <i>Hind</i>III and <i>Afl</i>II, using pET_803 as basis. Cloning of the HaloTag into pET_803 leads to a new vector, pET_805. This vector is then used to substitute the antigens. As in the SpyTag construct, this new vector contains a C-terminal 6xHis-tag for purification of the antigens.
 
</p>
 
</p>
</div>
 
  
</div>
 
  
<!---------------BEGIN SLIDER------------------>
+
<h3 class="sectionedit2">Cell-Free Backbone</h3>
<div class="container">
+
<p>
<div id="buttonright">
+
As described above we decided to use the <a class="media" href="http://parts.igem.org/Part:pSB1C3" target="_blank" title="pSB1C3">pSB1C3</a> standard vector as backbone for our <a class="wikilink1" href="https://2015.igem.org/Team:Freiburg/Project/Cellfree_Expression" title="cellfree">cell-free expression</a> constructs. Inserted between the <a class="wikilink1" href="http://parts.igem.org/Help:Standards/Assembly/RFC10" target="_blank" title="RFC10">RFC 10</a> prefix and suffix is our own cloning site, containing the following restriction sites: <i>Acc</i>65I, <i>Bam</i>HI, <i>Hind</i>III and <i>Afl</i>II. We included a T7 promoter and a ribosomal binding site between the <a class="urlextern" href="http://parts.igem.org/Help:Standards/Assembly/RFC10" target="_blank" title="RFC10">RFC 10</a> prefix and the <i>Acc</i>65I restriction site. A stop codon cassette and a T7 terminator were inserted between the <i>Afl</i>II restriction site and the <a class="urlextern" href="http://parts.igem.org/Help:Standards/Assembly/RFC10" target="_blank" title="RFC10">RFC 10</a> suffix. These similarities to the expression vector facilitate the easy exchange of fragments between the standard expression vector and the cell-free expression vector. Using our cloning site it is rather simple to exchange different tag-combinations. The advantage of the <a class="urlextern" href="http://parts.igem.org/Part:pSB1C3" target="_blank" title="pSB1C3">pSB1C3</a> backbone is the high copy origin, allowing a rapid multiplication and easy cloning. For the cell-free expression itself the vector backbone is dispensable as only the part amplified via PCR between the prefix and the suffix is mandatory for cell-free expression.
<img src="https://static.igem.org/mediawiki/2015/b/b3/Freiburg_lightbulb_slider_30.png">
+
</p>
</div>
+
 
<div id="buttonleft">
+
 
<img src="https://static.igem.org/mediawiki/2015/4/4d/Freiburg_lightbulb_slider_27.png">
+
<h3 class="sectionedit2">The Basic Constructs (Cell-Free Expression)</h3>
</div>
+
<p>
  <div id="content-slider">
+
<span class="biobrick_emphasize"><strong>pIG15_104</strong></span>: For the first basic construct we ordered a gBlock from <a class="urlextern" href="https://eu.idtdna.com/site" target="_blank" title="IDT">IDT</a> containing the T7 promoter, ribosomal binding site, our cloning site and the T7 terminator with adjoining stop codon cassette. Between <i>Bam</i>HI and <i>Hind</i>III the coding sequence for tYFP and between <i>Hind</i>III and <i>Afl</i>II the SpyTag sequence was inserted. This gBlock was then inserted into the pJET1.2 vector. Afterwards, it was digested out of pJET1.2 and classically cloned into the <a class="urlextern" href="http://parts.igem.org/Part:pSB1C3" target="_blank" title="pSB1C3">pSB1C3</a> backbone resulting in the first basic construct for cell-free expression. We inserted tYFP as default fragment into the cell-free expression backbone because we already had some anti-tYFP antibody available. Hence, first measurements for analyzing the binding of anti-tYFP to tYFP could be performed as soon as the basic construct was finished. Besides, tYFP could be used as reporter. Using <i>Bam</i>HI and <i>Hind</i>III restriction sites tYFP could be excised and replaced by antigen sequences analogous to the cloning system used for the expression vector.
      <div id="slider"> <!-- Slider container -->
+
</p>
        <div id="mask">  <!-- Mask -->
+
 
        <ul>
+
<p>
        <li id="first" class="firstanimation">  <!-- ID for tooltip and class for animation -->
+
<span class="biobrick_emphasize"><strong>pIG15_105</strong></span>: Using the <i>Hind</i>III and <i>Afl</i>II restriction sites, the SpyTag sequence was excised from pIG15_104. For our second covalent tag system we inserted the sequence for the HaloTag via classical cloning and thereby producing our next basic construct for cell-free expression, pIG15_105. This backbone again contains tYFP as default insert, this time with a C-terminal HaloTag.<br>
        <div class="artboard">
+
Using identical cloning strategies as with the first basic construct (pIG15_104) all antigen sequences could be inserted into this vector using <i>Bam</i>HI and <i>Hind</i>III.
        <div class="sliderimage">
+
</p>
        <img src="#">
+
 
        </div>
+
</div> <!--- End of content box -->
        <div class="slidertext">
+
        <h1>Diagnostics Today</h1>
+
        <p>
+
                                        </p>
+
        </div>
+
        <div class="slidertext indent">
+
        <p> Want to read <a href="https://2015.igem.org/Team:Freiburg/OwnDevice"> more?</a>
+
        </p>
+
        </div>
+
        </div>
+
        </li>
+
        <li id="second" class="secondanimation">
+
        <div class="artboard">
+
        <div class="sliderimage">
+
        <img src="#">
+
        </div>
+
        <div class="slidertext">
+
                <h1>The DiaCHIP System</h1>
+
        <p>
+
                                        </p>
+
        </div>
+
        <div class="slidertext indent">
+
        <p> Want to read <a href="https://2015.igem.org/Team:Freiburg/Practices"> more?</a></p>
+
        </div>
+
        </div>
+
        </li>
+
        <li id="third" class="thirdanimation">
+
        <div class="artboard">
+
        <div class="sliderimage">
+
        <img src="#">
+
        </div>
+
        <div class="slidertext">  
+
        <h1>iRIf: The Detection System</h1>
+
        <p>
+
                                        </p>
+
        </div>
+
        <div class="slidertext indent">
+
        <p> Want to read <a href="https://2015.igem.org/Team:Freiburg/Modeling">more?</a> </p>
+
        </div>
+
        </div>
+
        </li>
+
        <li id="fourth" class="fourthanimation">
+
        <div class="artboard">
+
        <div class="sliderimage">
+
        <img src="https://static.igem.org/mediawiki/2015/e/e4/Freiburg_Slider-Eigenblut.png" width="350px">
+
        </div>
+
        <div class="slidertext">
+
        <h1>Cloning</h1>
+
        <p>
+
                                        </p>
+
        </div>
+
        <div class="slidertext indent">
+
        <p> Want to read <a href="https://2015.igem.org/Team:Freiburg/Results">more?</a></p>
+
        </div>
+
        </div>
+
        </li>
+
        <li id="fith" class="fithanimation"> <!-- ID for tooltip and class for animation -->
+
        <div class="artboard">
+
        <div class="sliderimage">
+
        <img src="https://static.igem.org/mediawiki/2015/8/89/Freiburg_Slider-DIY_scaled.png" width="350px">
+
        </div>
+
        <div class="slidertext">
+
        <h1>Building our own device</h1>
+
        <p>The device originally used, in collaboration with AG Roth, is a expensive machine based on rather simple physics. Therefore, we decided to build our own apparatus in a cost-efficient manner. We were able to produce reliable results with it and provide a construction plan [LINK]. This plan will make it possible for future iGEM generations to built and use their own label-free protein array analysis tool.</p>
+
        </div>
+
        <div class="slidertext indent">
+
        <p> Want to read <a href="https://2015.igem.org/Team:Freiburg/OwnDevice"> more?</a>
+
        </p>
+
        </div>
+
        </div>
+
        </li>
+
        <li id="second" class="secondanimation">
+
        <div class="artboard">
+
        <div class="sliderimage">
+
        <img src="https://static.igem.org/mediawiki/2015/b/b8/Freiburg_Slider-HumanPractice_scaled.png" width="350px">
+
        </div>
+
        <div class="slidertext">
+
        <h1>Communicating science</h1>
+
        <p>Diagnosing diseases fast and reliable is not only an issue among medical staff, it is also subject to public interest. This has lead us to ask for people's opinions regarding the DiaCHIP. Although the method is based on synthetic biology, which is a problematic definition for the broad public according to a survey initiated by the Leopoldina (National academy of science), we received lots of positive feedback. </p>
+
        </div>
+
        <div class="slidertext indent">
+
        <p> Want to read <a href="https://2015.igem.org/Team:Freiburg/Practices"> more?</a></p>
+
        </div>
+
        </div>
+
        </li>
+
        <li id="third" class="thirdanimation">
+
        <div class="artboard">
+
        <div class="sliderimage">
+
        <img src="https://static.igem.org/mediawiki/2015/1/14/Freiburg_Slide-Modelling_scaled.png" width="350px">
+
        </div>
+
        <div class="slidertext">  
+
        <h1>Modeling cellfree expression</h1>
+
        <p>In order to optimize the DiaCHIP for future applications, we optimized the process of cell-free expression and diffusion over time. Making use of xxx parameters and xxx ordinary differential equations, we computed the size of the resulting antigen spots and identified the factors limiting cell-free expression in the DiaCHIP. </p>
+
        </div>
+
        <div class="slidertext indent">
+
        <p> Want to read <a href="https://2015.igem.org/Team:Freiburg/Modeling">more?</a> </p>
+
        </div>
+
        </div>
+
        </li>
+
        <li id="fourth" class="fourthanimation">
+
        <div class="artboard">
+
        <div class="sliderimage">
+
        <img src="https://static.igem.org/mediawiki/2015/e/e4/Freiburg_Slider-Eigenblut.png" width="350px">
+
        </div>
+
        <div class="slidertext">  
+
        <h1>Measuring our own blood</h1>
+
        <p>One of the most promising results came from the detection of anti-tetanus antibodies in human blood serum. The DiaCHIP analysis made it possible for us to distinguish serum samples from an individual before and after vaccination. Samples taken three weeks after vaccination produced positive signals, compared to negative results prior to antigen exposure. </p>
+
        </div>
+
        <div class="slidertext indent">
+
        <p> Want to read <a href="https://2015.igem.org/Team:Freiburg/Results">more?</a></p>
+
        </div>
+
        </div>
+
        </li>
+
    </ul>
+
        </div> <!-- End Mask -->
+
      </div>  <!-- End Slider Container -->
+
  </div>
+
</div>
+
  
 
</html>
 
</html>
<!-- Labjournal content ends here -->
 
 
{{Freiburg/wiki_content_end}}
 
{{Freiburg/wiki_content_end}}

Latest revision as of 21:01, 18 September 2015

""

DNA Engineering

A protein array containing different antigens specific for distinct diseases is one of the main parts of the DiaCHIP. Manufacturing this array can be done by conventional protein expression and spotting of the proteins on a specific surface by hand or via cell-free expression. Both systems are based on different expression backbones. Therefore, a lot of cloning was required to obtain all constructs.
To reduce this ambitious task to a minimum of effort, we elaborated a well-structured cloning strategy including a self-designed multiple cloning site. The cloning site for these purposes was incorporated into the commercial expression vector pET22b+ resulting in pET_iGEM.

We soon realized that protein expression is probably a problem many iGEM Teams around the world are facing during their projects. Therefore, we decided to improve the plasmid backbone pSB6A1 for protein overexpression providing the Registry with pOP, an expression backbone suitable for iGEM standard cloning procedures.
To help future iGEM Teams with their decision, which cloning method to use, we compared and contrasted classical cloning and Gibson Assembly in a short review.

1. Our Cloning Site

The cloning site we developed enables the assembly of different antigens with a number of tags in a standardized manner making it simple for many people to work with. A first calculation based on the assumption of using about 15 antigens and four different tag systems resulted in a total of 120 constructs to be cloned. This underlines the need for a simplified cloning procedure.

We did not use one of the available iGEM standards as a new cloning site for several reasons.

The RFCs are designed to enable serial assembly of various sequences, but the exchange of single parts at a later time point is not possible1). In order to be able to exchange tags at the N-terminus as well as at the C-terminus, distinct restriction sites need to persist between the parts. Moreover, we first wanted to establish an expression cassette inserted between BioBrick pre- and suffix of the submission backbone pSB1C3. Therefore, making use of an additional RFC was not possible.

Figure 1: Self-designed cloning site. Our cloning site containing the restriction sites Acc65I, BamHI, HindIII and AflII, that are assembled in a way that facilitates exchange of tags without getting a frame-shift.

Die buchstaben von Restirktionsenzymen immer kursiv - sind abgekürzte Artnamen. Im Text hab ichs geändert, aber nicht in der Abbildung (ps1709)

The basic idea was to have distinct restriction sites which can be used for the insertion of antigens, while others can be used for the exchange of tags. Finally, this resulted in a cloning site containing Acc65I, BamHI, HindIII and AflII restriction sites (figure 1). Using those sites for the assembly of different antigen-tag combinations will never result in a frameshift, if the coding sequence is in frame with the restriction sites flanking it.
The restriction sites have been chosen according to the amino acids that result from the translation of their sequence. Acc65I (G/GTACC) and BamHI (G/GATCC) are translated into glycine and either serine or threonine.

Those are hydrophilic, soluble amino acids, which are commonly used in flexible linkers. The translation of HindIII (A/AGCTT) results in lysine and leucin. Especially lysine is highly hydrophobic, which is why some soluble amino acids should be used as a linker in front of a C-terminal tag. The last restriction site, AflII (C/TTAAG), is also translated to leucin and lysine. This will not highly affect protein function or folding since these are the last translated codons. Anyways, in order to prevent rapid protein degradation according to the N-end-rule in bacteria2), a few additional amino acids have been inserted between the AflII site and the stop codon (TGA).

2. Design of pET_iGEM

Figure 2: pIG15_001. pSB1C3 backbone containing an altered cloning site in the middle of an expression cassette for improved assembly of protein coding sequences with different tags (N- or C-terminal), which avoids the formation of frameshifts. Important parts for overexpression of proteins in E. coli were added inside the RFC[10].

For protein expression, we designed two vectors based on the submission backbone pSB1C3. pIG15_001 (figure 2) was supposed to be adapted for inducible protein overexpression in E. coli. Therefore, we inserted main features derived from the commercial expression vector pET22b+ between the BioBrick pre- and suffix of pSB1C3. These include a T7 promoter and terminator, a ribosomal binding site, the self-designed cloning site and a lacI expression cassette. Additionally, a pelB signal sequence for periplasmic translocation was added 5’ to the cloning site.

Der pIG15002 ist doch für eukaryotische Expression gewesen, nicht für cell-free. Sonst macht der CMV promoter wenig sinn, oder? ich pass den text mal dahingehend an...(ps1709)

Figure 3: pIG15_002. For expression in eukaryotic cells the pSB1C3 backbone was altered similarly, but without a pelB secretion signal or lacI coding sequence and with a CMV promoter instead of a T7 promoter.

The vector for expression in mammalian cells(pIG15_002; figure 3) was designed analogously, but lacking the lacI expression cassette and the signal sequence. The T7 promoter and terminator were exchanged by a CMV promoter and a WPRE terminator region for secretion into the medium.

Unfortunately, after the first expression experiment in E. coli, we realized that the yields of protein expression are not sufficient for our purposes. Instead of wasting time trying to optimize our own expression vector, we went on using the original vector and modified the cloning site to fit our requirements. The original vector pET22b+ and the modified version pET_iGEM are compared in figure 4.

Using an adapted commercial expression vector finally resulted in sufficiently high protein yields. The advantages of expression vectors like pET22b+ in contrast to cloning vectors like pSB1C3 are discussed in detail on the introduction page for pOP. This is a plasmid backbone we submitted to the iGEM Registry that is optimized for protein overexpression purposes and fully compatible with iGEM idempotent cloning standards of RFC[25].
The backbone for cell-free expression was not changed because a PCR product of the expression cassette serves as a template for the actual expression purpose making the vector it is assembled on irrelevant. Using a high-copy plasmid as pSB1C3 rather simplifies cloning efforts.

Figure 4: Comparison of pET_iGEM and pET22b+. The two vectors differ in the cloning site that contains only four restriction sites in pET_iGEM (Acc65I, BamHI, HindIII, AflII) compared to the more complex multiple cloning site of the original pET22b+ (BamHI, EcoRI, SacI, SalI, HindIII, NotI, AvaI, XhoI). The 6xHis-Tag from pET22b+ was also removed to enable easy tag-exchanges with our system.

3. Detailed Cloning Strategy

As mentioned before, we established a cloning strategy, which is easy to handle for a team of researchers working together on the same project. It facilitates easy exchange of tags for custom purposes. All our cloning efforts began with either pET_iGEM, the modified version of pET22b+, for E. coli-based protein expression or pIG15_104, where the expression site derived from pET22b+ was inserted into pSB1C3.

The Basic Constructs (Protein Purification Using E. coli)

pET_iGEM: To modify the multiple cloning site of pET22b+ for our purposes, we performed a Gibson Assembly with only one fragment. Therefore, we designed primers for the amplification of the whole plasmid, except the MCS. The cloning site we designed ourselves was part of the primer extension.

pET_803: To insert the very small but commonly used His-tag, we again used Gibson Assembly because classical cloning of such small parts can be a challenging task. The respective primers were designed for amplification of antigen 8 (Herpes Simplex Virus Type 1, glycoprotein G1) to combine the insertion of the tag and an antigen. While the forward primer was a regular Gibson primer, the reverse primer additionally contained the sequence of a 10xHis-tag. After amplification, the part was inserted into the BamHI and AflII digested backbone pET_iGEM resulting in the first antigen with N-terminal His-tag.

pET_804: Another tag we wanted to use for immobilization of the antigens on the surface is the SpyTag. This part of 39 bp length was inserted into pET_iGEM analogous to the 10xHis-tag. The only difference was that the forward primer for amplification of antigen 8 included a standard 6xHis-tag, which enables the purification of the protein. Consistent with our cloning strategy, the amplified part was inserted between Acc65I and AflII as it contains an N-terminal as well as a C-terminal tag. BamHI and HindIII restriction sites were retained flanking the antigen making it freely exchangeable.

pET_805: The only tag we used that was not inserted via Gibson Assembly was the HaloTag. With a length of about 900 bp, classical cloning of this part was no trouble. The HaloTag exists in two variants, one being optimized for C-terminal tagging of the protein, the other for N-terminal tagging. As the tag we had access to was the C-terminal one, the SpyTag in pET_804 was exchanged using the restriction sites HindIII and AflII resulting in pET_805.

Tagged Constructs (Protein Purification Using E. coli)

We wanted to establish a tag-system, which minimizes unspecific binding of proteins to the chip surface, therefore testing different tag systems.

His-tag: Every antigen was genetically fused to a C-terminal 10xHis-tag, which could be used for its immobilization on the surface as well as for its purification. The basic construct for this purpose was pET_803. The Herpes Simplex Virus derived antigen, which was initially finished cloning, had to be excised by restriction with BamHI and HindIII. Thus, all the other antigens digested in the same way could be ligated into this backbone.

SpyTag: Another tag for surface immobilization of the antigen is the SpyTag. To enable protein purification via Ni-NTA columns proteins fused to the SpyTag were additionally fused to a C-terminal 6xHis-tag. The basic vector for cloning these constructs was pET_804. Excision of the Herpes Simplex Virus derived antigen and insertion of other antigens was performed analogous to the antigen exchange in His-tag constructs.

HaloTag: As a second covalent tag-system for immobilization of the antigens on the surface we used the HaloTag, which specifically binds to a chloroalkane surface. Using our own cloning strategy, the HaloTag could easily be inserted between HindIII and AflII, using pET_803 as basis. Cloning of the HaloTag into pET_803 leads to a new vector, pET_805. This vector is then used to substitute the antigens. As in the SpyTag construct, this new vector contains a C-terminal 6xHis-tag for purification of the antigens.

Cell-Free Backbone

As described above we decided to use the pSB1C3 standard vector as backbone for our cell-free expression constructs. Inserted between the RFC 10 prefix and suffix is our own cloning site, containing the following restriction sites: Acc65I, BamHI, HindIII and AflII. We included a T7 promoter and a ribosomal binding site between the RFC 10 prefix and the Acc65I restriction site. A stop codon cassette and a T7 terminator were inserted between the AflII restriction site and the RFC 10 suffix. These similarities to the expression vector facilitate the easy exchange of fragments between the standard expression vector and the cell-free expression vector. Using our cloning site it is rather simple to exchange different tag-combinations. The advantage of the pSB1C3 backbone is the high copy origin, allowing a rapid multiplication and easy cloning. For the cell-free expression itself the vector backbone is dispensable as only the part amplified via PCR between the prefix and the suffix is mandatory for cell-free expression.

The Basic Constructs (Cell-Free Expression)

pIG15_104: For the first basic construct we ordered a gBlock from IDT containing the T7 promoter, ribosomal binding site, our cloning site and the T7 terminator with adjoining stop codon cassette. Between BamHI and HindIII the coding sequence for tYFP and between HindIII and AflII the SpyTag sequence was inserted. This gBlock was then inserted into the pJET1.2 vector. Afterwards, it was digested out of pJET1.2 and classically cloned into the pSB1C3 backbone resulting in the first basic construct for cell-free expression. We inserted tYFP as default fragment into the cell-free expression backbone because we already had some anti-tYFP antibody available. Hence, first measurements for analyzing the binding of anti-tYFP to tYFP could be performed as soon as the basic construct was finished. Besides, tYFP could be used as reporter. Using BamHI and HindIII restriction sites tYFP could be excised and replaced by antigen sequences analogous to the cloning system used for the expression vector.

pIG15_105: Using the HindIII and AflII restriction sites, the SpyTag sequence was excised from pIG15_104. For our second covalent tag system we inserted the sequence for the HaloTag via classical cloning and thereby producing our next basic construct for cell-free expression, pIG15_105. This backbone again contains tYFP as default insert, this time with a C-terminal HaloTag.
Using identical cloning strategies as with the first basic construct (pIG15_104) all antigen sequences could be inserted into this vector using BamHI and HindIII.