Difference between revisions of "Team:Freiburg/Testpage3"

 
(20 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{Freiburg/CSS}}
 
{{Freiburg/CSS}}
 
{{Freiburg/Menubar}}
 
{{Freiburg/Menubar}}
{{Freiburg/wiki_content_start}}
+
 
 +
{{Team:Freiburg/wiki_content_start_bubble}}
 
<html>
 
<html>
 
 
<style>
 
<style>
 
/*========= BEGIN: style for navigation bar ==========*/
 
/*========= BEGIN: style for navigation bar ==========*/
#home {
+
#project {
     background: url(https://static.igem.org/mediawiki/2015/d/d7/Freiburg_icon_home_active.png) no-repeat;
+
     background: url(https://static.igem.org/mediawiki/2015/d/da/Freiburg_icon_project_active_yellow.png) no-repeat;
 
}
 
}
  
#home a {
+
#project a {
 
     color: #ecdc18;
 
     color: #ecdc18;
 
}
 
}
/*========= END: style for navigation bar ==========*/
 
  
 
+
#runningchip {
/* =============== BEGIN: Circle of Elements ==================== */
+
    left: 18.6%;
/*
+
* Mixin to put items on a circle
+
* [1] - Allows children to be absolutely positioned
+
* [2] - Allows the mixin to be used on a list
+
* [3] - In case box-sizing: border-box has been enabled
+
* [4] - Allows any type of direct children to be targeted
+
*/
+
.circle-container {
+
  position: relative;
+
  /* [1] */
+
  width: 30em;                      /* changes size of circle that elements are circling on */
+
  height: 30em;
+
  padding: 0;
+
  border-radius: 50%;              /* switch between circle and Rechteck */
+
  list-style: none;
+
  /* [2] */
+
  -moz-box-sizing: content-box;
+
  -webkit-box-sizing: content-box;
+
  box-sizing: content-box;
+
  /* [3] */
+
  margin: 5em auto 0;
+
  /*border: solid 5px #0051A2;*/
+
  z-index: 500;
+
}
+
.circle-container > * {
+
  /* [4] */
+
  display: block;
+
  position: absolute;              /* set absolute to fix elements on circle */
+
  top: 30%;
+
  left: 40%;
+
  width: 260px;                      /* define size of elements */
+
  height: 200px;
+
  margin: 0;   
+
  font-size: 80%;
+
  text-align: center;
+
 
}
 
}
 +
/*========= END: style for navigation bar ==========*/
  
/* transformations needed for showing the pictures */
+
.horizontal_menu li {
.circle-container > *:nth-of-type(1) {
+
    display: block;
  -moz-transform: rotate(355deg) translate(19em) rotate(-355deg);
+
    margin-top: 5px;
  -ms-transform: rotate(355deg) translate(19em) rotate(-355deg);
+
  -webkit-transform: rotate(355deg) translate(19em) rotate(-355deg);
+
  transform: rotate(355deg) translate(19em) rotate(-355deg);            /*change translate for defining position of elements*/
+
}
+
.circle-container > *:nth-of-type(2) {
+
  -moz-transform: rotate(35deg) translate(20em) rotate(-35deg);
+
  -ms-transform: rotate(35deg) translate(20em) rotate(-35deg);
+
  -webkit-transform: rotate(35deg) translate(20em) rotate(-35deg);
+
  transform: rotate(35deg) translate(20em) rotate(-35deg);
+
}
+
.circle-container > *:nth-of-type(3) {
+
  -moz-transform: rotate(101deg) translate(17em) rotate(-101deg);
+
  -ms-transform: rotate(101deg) translate(17em) rotate(-101deg);
+
  -webkit-transform: rotate(101deg) translate(17em) rotate(-101deg);
+
  transform: rotate(101deg) translate(17em) rotate(-101deg);
+
}
+
.circle-container > *:nth-of-type(4) {
+
  -moz-transform: rotate(149deg) translate(27em) rotate(-149deg);
+
  -ms-transform: rotate(149deg) translate(27em) rotate(-149deg);
+
  -webkit-transform: rotate(149deg) translate(27em) rotate(-149deg);
+
  transform: rotate(149deg) translate(27em) rotate(-149deg);
+
}
+
.circle-container > *:nth-of-type(5) {
+
  -moz-transform: rotate(180deg) translate(30em) rotate(-180deg);
+
  -ms-transform: rotate(180deg) translate(30em) rotate(-180deg);
+
  -webkit-transform: rotate(180deg) translate(30em) rotate(-180deg);
+
  transform: rotate(180deg) translate(30em) rotate(-180deg);
+
}
+
.circle-container > *:nth-of-type(6) {
+
  -moz-transform: rotate(210deg) translate(29em) rotate(-210deg);
+
  -ms-transform: rotate(210deg) translate(29em) rotate(-210deg);
+
  -webkit-transform: rotate(210deg) translate(29em) rotate(-210deg);
+
  transform: rotate(210deg) translate(29em) rotate(-210deg);
+
}
+
.circle-container > *:nth-of-type(7) {
+
  -moz-transform: rotate(255deg) translate(20em) rotate(-255deg);
+
  -ms-transform: rotate(255deg) translate(20em) rotate(-255deg);
+
  -webkit-transform: rotate(255deg) translate(20em) rotate(-255deg);
+
  transform: rotate(255deg) translate(20em) rotate(-255deg);
+
}
+
.circle-container > *:nth-of-type(8) {
+
  -moz-transform: rotate(315deg) translate(20em) rotate(-315deg);
+
  -ms-transform: rotate(315deg) translate(20em) rotate(-315deg);
+
  -webkit-transform: rotate(315deg) translate(20em) rotate(-315deg);
+
  transform: rotate(315deg) translate(20em) rotate(-315deg);
+
 
}
 
}
  
.circle-container a {
+
.biobrick_emphasize {
  /*display: block; */                        /* border around elements */
+
    font-size: 15pt;
  border-radius: 2%;                      /* makes border around elements round or Rechteck */
+
  box-shadow: 0 0 0 5px #0051A2;
+
        color: #FFF;
+
  background-color: #0051A2;
+
  padding: 1px 10px;
+
  font-size: 110%;
+
}
+
.circle-container > div {
+
  display: block;
+
  width: 100%;
+
  border-radius: 10%;                      /* makes elements round or Rechteck */
+
  -webkit-filter: grayscale(100%);
+
  filter: grayscale(100%);
+
}
+
.circle-container img:hover {
+
  -webkit-filter: grayscale(0);
+
  filter: grayscale(0);
+
 
}
 
}
 +
</style>
  
/* =============== END: Circle of Elements - Positioning ==================== */
 
  
  
/* =============== BEGIN: Circle of Elements - Element Styling ==================== */
+
<script type="text/javascript">
.cool_header {
+
//===================BEGIN:Amazing Bubble Sidebar==========================
    text-align: center;
+
    height: 20px;
+
    margin-bottom: 3px;
+
    z-index: 10;
+
}
+
  
.cool_content {
+
$(document).ready(function(){  
    padding: 1em;
+
  // CHANGE THE FOLLOWING ATTRIBUTES //
    background-color: #FFFFFF;
+
  var href_text1='https://2015.igem.org/Team:Freiburg/Project/Overview',
    text-align: justify;
+
  // Text2 needs no href as it is the actual page //
    box-shadow: 1px 1px 10px #888;
+
  img_url='https://static.igem.org/mediawiki/2015/7/76/Freiburg_icon_project_white_03.png',
    -webkit-box-shadow: 1px 1px 10px #888;
+
  href_text3='https://2015.igem.org/Team:Freiburg/Project/Cellfree_Expression',
    -moz-box-shadow: 1px 1px 10px #888;
+
  // Text1 needs no text as it is a pic //
    border-radius: 15px;
+
  text2='DNA Engineering';
opacity: 0;
+
  // Text3 needs no text as its always 'next' //
+
  // HOLD ON CHANGING THINGS --JABBERWOCK  //
-webkit-transition: all 0.4s ease-in-out;
+
-moz-transition: all 0.4s ease-in-out;
+
-o-transition: all 0.4s ease-in-out;
+
-ms-transition: all 0.4s ease-in-out;
+
transition: all 0.4s ease-in-out;
+
+
-webkit-transform: scale(0);
+
-moz-transform: scale(0);
+
-o-transform: scale(0);
+
-ms-transform: scale(0);
+
transform: scale(0);
+
+
-webkit-backface-visibility: hidden;
+
}
+
  
.cool_container {
+
  $('#bubble1').attr('href',href_text1);
    width: 100%;
+
  $('#bubble1_img').attr('src', img_url);
    padding-top: 150px;
+
  $('#bubble3').attr('href',href_text3);
    margin-bottom: -150px;
+
}
+
/* =============== END: Circle of Elements - Element Styling ==================== */
+
  
 +
  $('#bubble2').text(text2);
 +
});
  
/* =============== BEGIN: Circle of Elements - Center Image ==================== */
+
//===================END:Amazing Bubble Sidebar==========================
.cool_centerimage {
+
</script>
    margin: 0 auto;
+
    position: relative;
+
    width: 40%;
+
    height: 250px;
+
    top: -380px;
+
    text-align: center;
+
    left: 1%;
+
    /*border: 1px solid #000;*/
+
}
+
/* =============== END: Circle of Elements - Center Image ==================== */
+
  
  
/* =============== BEGIN: Circle of Elements - Hiding Animation ==================== */
 
.cool_image_blink {
 
/*box-shadow:
 
inset 0 0 0 0 rgba(200,95,66, 0.4),
 
inset 0 0 0 16px rgba(255,255,255,0.6),
 
0 1px 2px rgba(0,0,0,0.1);*/
 
        box-shadow: 1px 1px 2px 2px #000;
 
 
-webkit-transition: all 0.4s ease-in-out;
 
-moz-transition: all 0.4s ease-in-out;
 
-o-transition: all 0.4s ease-in-out;
 
-ms-transition: all 0.4s ease-in-out;
 
transition: all 0.4s ease-in-out;
 
        border-radius: 15px;
 
}
 
  
.cool_image_blink:hover {
 
/*box-shadow:
 
inset 0 0 0 110px #0051A2/*rgba(200,95,66, 0.4)*/,
 
inset 0 0 0 16px #0051A2/*rgba(255,255,255,0.8)*/,
 
0 1px 2px #0051A2/*rgba(0,0,0,0.1)*/;*/
 
}
 
  
.cool_image_blink:hover .cool_content {
+
<div class="content_box" style="margin-top:0">
opacity: 1;
+
<h1 class="sectionedit1">DNA Engineering</h1>
+
-webkit-transform: scale(1);
+
-moz-transform: scale(1);
+
-o-transform: scale(1);
+
-ms-transform: scale(1);
+
transform: scale(1);
+
}
+
  
.element1 {
+
<div class="floatbox left">
    background-image: url("https://static.igem.org/mediawiki/2015/b/b7/Freiburg_Own_Device_Foto.jpg");
+
<p>
    background-size: 260px;
+
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.
    background-position: center;
+
<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>
  
.element2 {
+
<div class="floatbox right">
    background-image: url("https://static.igem.org/mediawiki/2015/4/49/Freiburg_2015_pOP.jpg");
+
<p>
    background-size: 260px;
+
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.
    background-position: center;
+
<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>
  
.element3 {
+
<div class="horizontal_menu">
    background-image: url("https://static.igem.org/mediawiki/2015/1/1f/Freiburg_project-img_0301.jpg");
+
<ul>
    background-size: 260px;
+
    <li><a href="#cloning_site_anchor" title="Cloning site">1. Our Cloning Site</a></li>
    background-position: center;
+
    <li><a href="#vector_design_anchor" title="vector_design">2. Design of pET_iGEM</a></li>
}
+
    <li><a href="#detailed_cloning_anchor" title="Detailed_cloning">3. Detailed Cloning Strategy</a></li>
 +
    <li><a href="https://2015.igem.org/Team:Freiburg/Description" title=„pOP“>4. pOP - Protein Expression Meets iGEM Standards</a></li>
 +
    <li><a href="https://2015.igem.org/Team:Freiburg/Project/Classic_vs_Gibson" title="Review">5. Short Review on Cloning Methods</a></li>
 +
</ul>
 +
</div>
 +
</div>
  
.element4 {
+
</div>
    background-image: url("https://static.igem.org/mediawiki/2015/2/29/Freiburg_Modeling_Home.png");
+
    background-size: 260px;
+
    background-position: center;
+
}
+
  
.element5 {
+
<span id="cloning_site_anchor" class="anchor"></span>
    background-image: url("https://static.igem.org/mediawiki/2015/7/71/Freiburg_tetanus_home.png");
+
<div id="cloning_site" class="content_box">
    background-size: 260px;
+
<h1>1. Our Cloning Site</h1>
    background-position: center;
+
<div class="floatbox left">
}
+
<p>
 +
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>
  
.element6 {
+
<div class="floatbox right">
    background-image: url("");
+
        <p>
    background-size: 260px;
+
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.
    background-position: center;
+
</p>
}
+
</div>
 +
<div style="clear:both"></div>
  
.element7 {
 
    background-image: url("https://static.igem.org/mediawiki/2015/c/c1/Freiburg_diachip_centcoin.png");
 
    background-size: 260px;
 
    background-position: center;
 
}
 
  
.element8 {
 
    background-image: url("https://static.igem.org/mediawiki/2015/0/0f/Freiburg_homepage_chip_blood.png");
 
    background-size: 260px;
 
    background-position: center;
 
}
 
/* =============== END: Circle of Elements - Hiding Animation ==================== */
 
 
 
/* =============== BEGIN: Resetting General CSS ==================== */
 
.mw-content-ltr ul {
 
    padding: 0;
 
    margin: 0 auto;
 
}
 
 
ul {
 
    line-height: 1em;
 
}
 
 
.content_box {
 
    box-shadow: none;
 
    padding: 2% 4%;
 
    margin: 0px;
 
}
 
/* =============== END: Resetting General CSS ==================== */
 
 
</style>
 
  
 +
<div class="flexbox">
 +
<div class="thumb2 trien" style="width:680px">
 +
                <div class="thumbinner">
 +
                    <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">
 
<div class="kommentar">
<p> Die Texte in den Boxen sind noch ziemlich klein und ziemlich Textwand. Da müssten kürzere, prägnantere Texte mit größerer Schrift und/oder Bild rein. (jb 20150912)</p>
+
Die buchstaben von Restirktionsenzymen immer kursiv - sind abgekürzte Artnamen. Im Text hab ichs geändert, aber nicht in der Abbildung (ps1709)
<p> Texte sind zum Überarbeiten. Maximale Länge von 6 Zeilen ist optisch am besten. Die Texte sollen hinter Bildern "versteckt werden". Der Text erscheint, dann erst, wenn man mit dem Mauszeiger über das Bild fährt. - Das ist zumindest der Plan, arbeite noch an den Bildern - (sb 20150912)</p>
+
<p> find ich gut soweit, bin gespannt wie es fertig aussieht (NG)</p>
+
 
</div>
 
</div>
  
<div class="cool_container">
 
  
    <ul class='circle-container'>
 
        <li><!--1-->
 
            <div class="cool_header"><a href='#'>Own Device</a></div>
 
          <div class="cool_image_blink element1">
 
            <div class="cool_content cool_text_blink">Want to use our detection device in your next iGEM project? We built our own simplified and affordable setup. Here you can find a detailed description of how to build and use it.</div>
 
          </div>
 
        </li>
 
        <li><!--2-->
 
  
          <div class="cool_header"><a href='#'>New iGEM Backbone</a></div>
 
          <div class="cool_image_blink element2">
 
          <div class="cool_content cool_text_blink">In need for expressing tons of protein? We provided a new backbone for protein overexpression meeting all the iGEM standards. We also expanded the iGEM Registry with our </div>
 
          </div>
 
        </li>
 
  
        <li><!--3-->
+
<div class="floatbox left">
 +
<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>
  
          <div class="cool_header"><a href='#'>Human Practice</a></div>
+
<div class="floatbox right">
          <div class="cool_image_blink element3">
+
        <p>
          <div class="cool_content cool_text_blink">What does the public think about the DiaCHIP and systems based on synthetic biology? Would people want to use it? Check out the results of our survey.</div>
+
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).
          </div>
+
</p>
        </li>
+
</div>
 +
<div style="clear:both"></div>
  
        <li><!--4-->
+
            <div class="footnotes">
 +
            <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>
 +
            <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>
 +
            </div>
 +
</div>
  
          <div class="cool_header"><a href='#'>Modeling</a></div>
+
<!-- EDIT1 SECTION "Cloning site" [3-3437] -->
          <div class="cool_image_blink element4">
+
          <div class="cool_content cool_text_blink">Numerous complex processes take place during cell-free expression. Modeling the generation of proteins as well as their diffusion in our system helped us obtaining better results. Get more information here.</div>
+
          </div>
+
        </li>
+
  
        <li><!--5-->
+
<span id="vector_design_anchor" class="anchor"></span>
 
+
<div id="vector_design" class="content_box">
            <div class="cool_header"><a href='#'>Blood Serum Analysis</a></div>
+
<h1>2. Design of pET_iGEM</h1>
          <div class="cool_image_blink element5">
+
            <div class="cool_content cool_text_blink">We obtained great results during summer! Our successful measurements of tetanus antibodies in human serum and GFP antibodies binding to cell-free expressed GFP can be found on our results page.</div>
+
          </div>
+
        </li>
+
 
+
        <li><!--6-->
+
 
+
            <div class="cool_header"><a href='#'>Enlightening Diagnostics</a></div>
+
          <div class="cool_image_blink element6">
+
            <div class="cool_content cool_text_blink">Modern everyday life is fast...too fast for medical diagnosis relying on huge amounts of time-consuming and costly serological tests.
+
    This is why we thought about a fast, universally accessible and affordable diagnostic device.</div>
+
          </div>
+
        </li>
+
 
+
        <li><!--7-->
+
         
+
            <div class="cool_header"><a href='#'>The DiaCHIP</a></div>
+
          <div class="cool_image_blink element7">
+
            <div class="cool_content cool_text_blink">Simultaneously screening for hundreds of diseases within a few hours? See how the DiaCHIP achieves this by the revolutionary combination of cell-free expression with an emerging optical method allowing label-free antibody detection.</div>
+
          </div>
+
        </li>
+
 
+
        <li><!--8-->
+
         
+
            <div class="cool_header"><a href='#'>Our System</a></div>
+
          <div class="cool_image_blink element8">
+
            <div class="cool_content cool_text_blink">Generating a protein array on demand and detecting antigen-antibody interactions in real-time: Find out about our own cell-free expression mix and our specific surface binding system.</div>
+
          </div>
+
        </li>
+
    </ul>
+
 
+
    <div class="cool_centerimage"><img src="https://static.igem.org/mediawiki/2015/9/91/Freiburg_homepage_Dia_chip.png" width="250px">
+
    </div>
+
  
 +
<div class="image_box right">
 +
<div class="thumb2 trien" style="width:260px">
 +
                <div class="thumbinner">
 +
                    <a href="https://static.igem.org/mediawiki/2015/a/a1/Freiburg_labjournal-cloning-pig15_001neu.jpg" class="lightbox_trigger">
 +
                    <img src="https://static.igem.org/mediawiki/2015/a/a1/Freiburg_labjournal-cloning-pig15_001neu.jpg" width="250px"> 
 +
                    <div class="thumbcaption">
 +
                  </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>
 
</div>
  
  
<div class="content_box">
 
 
<h1 class="sectionedit1">Abstract</h1>
 
<div class="level1">
 
 
<p>
 
<p>
In modern medicine, fast detection and differentiation of diseases is a crucial and fundamental task. Typical ELISA-based assays are time-consuming and expensive. We propose an advanced procedure for the simultaneous detection of various diseases in a fast and inexpensive manner, the DiaCHIP. Our approach is based on the interaction of antibodies with their respective antigens. Different antigens are immobilized on a protein array generated by cell-free protein expression, using the corresponding DNA array as a template. Placed in a microfluidic chamber, the protein array is incubated with a patient’s blood sample. The interaction between an antibody in the sample and the corresponding immobilized antigen results in a local change of the optical thickness of the surface. This change can be detected using a label-free and real-time measurement technology called iRIf (imaging Reflectometric Interference)which is based on a laser detecting the interference of reflecting light from our chip. Offering simultaneous screening for several diseases, our DiaCHIP has strong potential to improve future diagnostics.
+
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>
 
</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>
 
 
</div>
 
</div>
  
</html>
 
{{Freiburg/wiki_content_end}}
 
  
 +
<p>
 +
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>
  
 +
<p>
 +
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].
 +
</br>
 +
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.
 +
</p>
  
<!----------------------- Old Page -------------------------
+
<div class="flexbox">
 
+
<div class="thumb2 trien" style="width:1000px">
{{Freiburg/CSS}}
+
                <div class="thumbinner">
{{Freiburg/Menubar}}
+
                    <a href="https://static.igem.org/mediawiki/2015/b/b9/150917_pETComp_WIKI2neu_LS.png" class="lightbox_trigger">
 
+
                    <img src="https://static.igem.org/mediawiki/2015/b/b9/150917_pETComp_WIKI2neu_LS.png" width="780px">
{{Freiburg/wiki_content_start}}
+
                    <div class="thumbcaption">
<html>
+
                  </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>
<style>
+
                  </div>
/*========= BEGIN: style for navigation bar ==========*/
+
              </div>
#home {
+
</div>
    background: url(https://static.igem.org/mediawiki/2015/d/d7/Freiburg_icon_home_active.png) no-repeat;
+
</div>
}
+
 
+
#home a {
+
    color: #ecdc18;
+
}
+
/*========= END: style for navigation bar ==========*/
+
 
+
.content_box{
+
clear:both;
+
}
+
.homepage_headline{
+
    text-align: center;
+
    color: #000000;
+
    font: "Roboto";
+
  font-weight: 400;
+
font-size: 25px;
+
}
+
 
+
.homepage_text{
+
padding-top:20px;
+
    color:#000000;
+
    font-weight: thin;
+
    text-align: center;
+
}
+
 
+
#what_box, #how_box, #why_box, #video_box{
+
    box-sizing:border-box;
+
    clear:both;
+
    position: relative;
+
    width: auto;
+
}
+
 
+
.floatbox{
+
    margin-bottom: 3em;
+
}
+
 
+
/* usefull information on centering things: www.w3.org/Style/Examples/007/center.en.html*/
+
 
+
 
+
#what_left, #how_left, #why_left{
+
 
+
}
+
 
+
/* WHAT */
+
 
+
#what_box{
+
+
}
+
#what_left{
+
 
+
}
+
#what_diachip_logo img{
+
    display: block;
+
    margin: 0 auto;
+
    width: 80%;
+
    max-width: 230px; /* avoids overscaling*/
+
}
+
#what_right{}
+
#what_box{}
+
#what_text{}
+
 
+
/* HOW */
+
 
+
#how_box {
+
 
+
}
+
 
+
#how_left{
+
}
+
#how_right{
+
}
+
 
+
#how_image{}
+
#how_image img{
+
    display: block;
+
    margin: 0 auto;
+
    width: 80%;
+
    max-width: 470px; /* avoids overscaling*/
+
}
+
 
+
 
+
/* WHY */
+
 
+
#why_box{
+
}
+
#why_left{}
+
 
+
#why_right {
+
 
+
}
+
 
+
#why_image img{ 
+
    display: block;
+
    margin: 0 auto;
+
    width: 80%;
+
    max-width: 339px; /* avoids overscaling*/
+
}
+
 
+
/* VIDEO */
+
 
+
#video_box{
+
}
+
 
+
#video_left{
+
    padding: 6% 0;
+
}
+
#video_right{
+
}
+
#video{
+
    display: block;
+
    margin: 0 auto;
+
    width: 80%;
+
    height: 230px;
+
    background-color: black;
+
}
+
</style>
+
 
+
<div class="content_box">
+
 
+
<div id="what_box" class="floatbox">
+
    <div id="what_left" class="floatbox left">
+
        <div class="homepage_headline">What are we doing?</div>
+
        <div id="what_text" class="homepage_text">
+
            We are building a system that detects many different diseases simultaneously with just a few drops of blood - we’re calling this system the <strong>DiaCHIP</strong>. Our method ist cheap, fast and label-free! <a href="https://2015.igem.org/Team:Freiburg/Project/Overview"> Tell me more!</a>
+
        </div>
+
    </div>
+
 
+
    <div id="what_right" class="floatbox right">
+
        <div id="what_diachip_logo">
+
            <img src="https://static.igem.org/mediawiki/2015/9/91/Freiburg_homepage_Dia_chip.png"></img>
+
        </div>
+
    </div>
+
 
+
 
</div>
 
</div>
  
  
  
<div id="how_box" class="floatbox">
+
<span id="detailed_cloning_anchor" class="anchor"></span>
    <div id="how_left" class="floatbox left">
+
<div id="detailed_cloning" class="content_box">
        <div id="how_image">
+
  <h1>3. Detailed Cloning Strategy</h1>
            <img src="https://static.igem.org/mediawiki/2015/0/0f/Freiburg_homepage_chip_blood.png"></img>
+
  <p>
        </div>
+
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>.
    </div>
+
  
    <div id="how_right" class="floatbox right">
+
        <h3>The Basic Constructs (Protein Purification Using <i>E. coli</i>)</h3>
         <div class="homepage_headline">How are we doing it?</div>
+
        <p>
         <div id="how_text" class="homepage_text">
+
<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.
            We produce protein arrays from a DNA-microarray template using cell-free expression. The DNA codes for antigens from many different pathogens. We then run blood serum over the protein array and measure whether antibodies bind to the antigens. We can observe that with a label-free optical measurement called iRIf. <a href="https://2015.igem.org/Team:Freiburg/Project/Overview"> Tell me more!</a>
+
         </p>
        </div>
+
        <p>
    </div>
+
<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.
</div>
+
         </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>
  
  
 +
<h3 class="sectionedit2">Tagged Constructs (Protein Purification Using <i>E. coli</i>)</h3>
 +
<p>
 +
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>
  
<div id="why_box" class="floatbox">
+
<p>
    <div id="why_left" class="floatbox left">
+
<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.
        <div class="homepage_headline">Why are we doing it?</div>
+
</p>
  
          <div id="why_text" class="homepage_text">
+
<p>
            Protein arrays are a powerful way to screen for diseases, but they are very cumbersome to produce, which makes them quite expensive. More important, they denature quickly and have to be handled very carefully. Our DiaCHIP produces fresh protein arrays right before every measurement - and our DNA array allows us to xerox as many protein arrays as we want! <a href="https://2015.igem.org/Team:Freiburg/Project/Overview">Tell me more!</a>
+
<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.
          </div>
+
</p>
    </div>
+
  
 +
<p>
 +
<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>
  
    <div id="why_right" class="floatbox right">
 
          <div id="why_image">
 
            <img src="https://static.igem.org/mediawiki/2015/b/b6/Freiburg_homepage_chip_denature.png"></img>
 
          </div>
 
    </div>
 
  
</div>
+
<h3 class="sectionedit2">Cell-Free Backbone</h3>
 +
<p>
 +
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.
 +
</p>
  
  
 +
<h3 class="sectionedit2">The Basic Constructs (Cell-Free Expression)</h3>
 +
<p>
 +
<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.
 +
</p>
  
 +
<p>
 +
<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>
 +
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.
 +
</p>
  
<div id="video_box" class="floatbox">
+
</div> <!--- End of content box -->
      <div id="video_left" class="floatbox left">
+
          <div class="homepage_headline">Want to see how it works?
+
          </div>
+
          <div id="video_text" class="homepage_text">
+
              Take a look at this short video clip, which will give you a general overview of what our project is about.
+
          </div>
+
      </div>
+
      <div id="video_right" class="floatbox right">
+
            <div id="video">
+
            </div>
+
      </div>
+
</div>
+
  
</div> <!--- from content_box --->
+
</html>
 +
{{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.