Difference between revisions of "Team:Freiburg/Project/Overview"

Line 6: Line 6:
  
 
<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: 30px 60px;
 
    margin-top: 2em;
 
}
 
 
h1 {
 
    text-align: center;
 
}
 
 
.header_box {
 
  display: none;
 
    overflow: hidden;
 
    padding: 2% 0%;
 
    margin: auto;
 
    width: 70%;
 
    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 ==========*/
Line 98: Line 54:
 
/*========= END: Linkbutton in slider ============*/
 
/*========= END: Linkbutton in slider ============*/
  
 +
 +
@media screen and (min-width: 1000px){
  
 
/* code adapted from http://www.smashingmagazine.com/2012/04/pure-css3-cycling-slideshow/*/
 
/* code adapted from http://www.smashingmagazine.com/2012/04/pure-css3-cycling-slideshow/*/
Line 157: Line 115:
 
     position: relative;
 
     position: relative;
 
     height: 500px;
 
     height: 500px;
     margin: 3% 0;
+
     margin: 3% auto;
 
     width: 1000px;
 
     width: 1000px;
 
}
 
}
Line 191: Line 149:
 
   cursor: pointer;
 
   cursor: pointer;
 
   cursor: hand;
 
   cursor: hand;
}
 
 
.container{
 
  position: relative;
 
 
}
 
}
  
Line 206: Line 160:
 
   border: 2px solid rgb(0, 81, 162);
 
   border: 2px solid rgb(0, 81, 162);
 
  }
 
  }
 
.sliderimage{
 
  float: right;
 
  margin: 3% 70px 3% 25px;
 
  width: 350px
 
}
 
 
.slidertext{
 
  margin: 3% 25px 0 65px;
 
  width: 350px;
 
  text-align: justify;
 
  line-height: 1;
 
  float: left;
 
}
 
 
.slidertext h1{
 
 
}
 
  
 
.slidertext p{
 
.slidertext p{
Line 242: Line 178:
 
}
 
}
  
</style>
+
/* ============= BEGIN: Styling for tree-like structure =============== */
  
 +
.floatcontainer{
 +
  float: left;
 +
}
 +
 +
.container{
 +
  clear: both;
 +
}
 +
 +
.transparent_container{
 +
  overflow: hidden
 +
}
 +
 +
#content_box1{
 +
  margin-left: 15%;
 +
}
 +
 +
#content_box2{
 +
  margin-right: 15%
 +
}
 +
 +
#content_box3{
 +
  margin-left: 15%;
 +
}
 +
 +
#leftimage img{
 +
  width: 450px;
 +
}
 +
 +
} /* end of media query */
 +
 +
.sliderimage{
 +
  float: right;
 +
  margin: 3% 70px 3% 25px;
 +
  width: 350px
 +
}
 +
 +
.slidertext{
 +
  margin: 3% 25px 0 65px;
 +
  width: 350px;
 +
  text-align: justify;
 +
  line-height: 1;
 +
  float: left;
 +
}
 +
 +
 +
/* ============= END: Styling for tree-like structure =============== */
 +
 +
</style>
  
<html>
 
  
 
<script>
 
<script>
Line 486: Line 469:
 
});
 
});
 
</script>
 
</script>
 +
 +
<!-- BEGIN Responsive Layout -->
 +
 +
<style type="text/css">
 +
 +
@media screen and (max-width: 1000px){
 +
  #leftimage{
 +
    display: none;
 +
  }
 +
 +
  #buttonleft,
 +
  #buttonright{
 +
    display: none;
 +
  }
 +
 +
  .slidertext,
 +
  .sliderimage{
 +
    width: 46%;
 +
    margin: auto 2% auto 2%;
 +
  }
 +
 +
  #mask ul{
 +
    margin-left: 0;
 +
  }
 +
  #content_box1,
 +
  #content_box2,
 +
  #content_box3{
 +
      margin-right: 10px;
 +
      margin-left: 10px;   
 +
  }
 +
 +
  .transparent_container{
 +
    overflow: visible;
 +
  }
 +
 +
  #first,
 +
  #second,
 +
  #third,
 +
  #fourth,
 +
  #fifth,
 +
  #sixth,
 +
  #seventh,
 +
  #eightth {
 +
    left: 0;
 +
    font-size: 100%;
 +
    z-index: 0;
 +
  }
 +
 +
}
 +
 +
@media screen and (max-width: 600px){
 +
 +
  .sliderimage img{
 +
    display: none;
 +
  }
 +
 +
  .slidertext {
 +
    width: 96%;
 +
    margin: auto 2% auto 2%;
 +
  }
 +
}
 +
 +
</style>
 +
 +
<script type="text/javascript">
 +
 +
$(document).ready(changesliderclass);
 +
$(window).resize(changesliderclass);
 +
 +
function changesliderclass() {
 +
  if ($(window).width() < 1000) {
 +
    console.log('changesliderclass');
 +
    $('#first').attr('class', 'content_box');
 +
    $('#second').attr('class', 'content_box');
 +
    $('#third').attr('class', 'content_box');
 +
    $('#fourth').attr('class', 'content_box');
 +
    $('#fifth').attr('class', 'content_box');
 +
    $('#sixth').attr('class', 'content_box');
 +
    $('#seventh').attr('class', 'content_box');
 +
    $('#eightth').attr('class', 'content_box');
 +
  } else {
 +
    console.log('dont changesliderclass');
 +
    $('#first').removeAttr('class');
 +
    $('#second').removeAttr('class');
 +
    $('#third').removeAttr('class');
 +
    $('#fourth').removeAttr('class');
 +
    $('#fifth').removeAttr('class');
 +
    $('#sixth').removeAttr('class');
 +
    $('#seventh').removeAttr('class');
 +
    $('#eightth').removeAttr('class');
 +
  }
 +
}
 +
 +
</script>
 +
  
 
<div class="todo_box">
 
<div class="todo_box">
Line 496: Line 574:
 
</div>
 
</div>
  
<div class="image_box left" style="margin-bottom:10%;margin-left:-8%;margin-top:-10%;margin-right:-10%">
+
<div class="float_barrier"></div>
  <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:22%">
+
<div class="floatcontainer">
<div class="content_box3" style="margin-right:20%;margin-left:30%">
+
<h2>Project Motivation</h2>
+
<p>
+
        Serological tests are a key element in modern medicine. Especially for detection and identification of infectious diseases, performing several blood tests is inevitable. Testing for more than one disease at a time or diagnosing a patient with diffuse symptoms usually requires more than one serological test. Every single test that is performed increases the time of waiting for a result as well as the bill. In case of dangerous infectious diseases every minute until the onset of the appropriate treatment is important for life. What if there was a possibility to combine all this testing in one single chip which is affordable for everyone?
+
</p>
+
</div>
+
  
<div class="content_box3" style="margin-left:38%;margin-right:12%">
+
<div id='leftimage'>
<h2>Detecting Antigen-Antibody Interactions</h2>
+
  <img align="left" alt="DiaCHIP_Sabi" src="https://static.igem.org/mediawiki/2015/a/af/Freiburg_DiaCHIP_Sabi.png" height="1430px">
<p>
+
</div>
  The DiaCHIP is an innovative tool to screen for a broad range of antibodies present in serum. Antibodies serve as indicator for an immune response towards an infectious diseases or a successful vaccination. They also play an important role in the diagnosis of autoimmune diseases. Identifying diseases by detecting disease associated antibodies in a patient's serum is an established method in  <a href="https://2015.igem.org/Team:Freiburg/Design" title="diagnostics_today">modern diagnostics</a>. <br>
+
Based on the very same principle, the DiaCHIP enables to simultaneously screen for multiple diseases at time, thereby reducing time and cost of a diagnosis. Especially the ability to differentiate between life threatening diseases and mild infections within a short time bears the potential to save lives. 
+
</p>
+
</div>
+
  
<div class="content_box3" style="margin-right:25%">
+
<div class="transparent_container">
<h2>The Concept</h2>
+
<div id="content_box1" class="content_box">
<p>
+
<h2>Project Motivation</h2>
  The key feature of the DiaCHIP concept is the combination of on-demand protein synthesis of disease related antigens and a novel method for label-free detection - all this 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.
+
<p>
</p>
+
    Serological tests are a key element in modern medicine. Especially for detection and identification of infectious diseases, performing several blood tests is inevitable. Testing for more than one disease at a time or diagnosing a patient with diffuse symptoms usually requires more than one serological test. Every single test that is performed increases the time of waiting for a result as well as the bill. In case of dangerous infectious diseases every minute until the onset of the appropriate treatment is important for life. What if there was a possibility to combine all this testing in one single chip which is affordable for everyone?
</div>
+
</p>
 +
</div>
 +
</div>
 +
 
 +
 
 +
<div class="transparent_container">
 +
<div id="content_box2" class="content_box">
 +
<h2>Detecting Antigen-Antibody Interactions</h2>
 +
<p>
 +
The DiaCHIP is an innovative tool to screen for a broad range of antibodies present in serum. Antibodies serve as indicator for an immune response towards an infectious diseases or a successful vaccination. They also play an important role in the diagnosis of autoimmune diseases. Identifying diseases by detecting disease associated antibodies in a patient's serum is an established method in  <a href="https://2015.igem.org/Team:Freiburg/Design" title="diagnostics_today">modern diagnostics</a>. <br>
 +
Based on the very same principle, the DiaCHIP enables to simultaneously screen for multiple diseases at time, thereby reducing time and cost of a diagnosis. Especially the ability to differentiate between life threatening diseases and mild infections within a short time bears the potential to save lives. 
 +
</p>
 +
</div>
 +
</div>
 +
 
 +
<div class="transparent_container">
 +
<div id="content_box3" class="content_box">
 +
<h2>The Concept</h2>
 +
<p>
 +
  The key feature of the DiaCHIP concept is the combination of on-demand protein synthesis of disease related antigens and a novel method for label-free detection - all this 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.
 +
</p>
 +
</div>
 +
</div>
  
 
</div>
 
</div>
  
 +
<div class="float_barrier"></div>
  
  
Line 543: Line 632:
 
             <li id="first" class="firstanimation">  <!-- ID for tooltip and class for animation -->
 
             <li id="first" class="firstanimation">  <!-- ID for tooltip and class for animation -->
 
               <div class="artboard">
 
               <div class="artboard">
               <div class="sliderimage" style="margin-top:10%">
+
               <div class="sliderimage">
                 <img src="https://static.igem.org/mediawiki/2015/6/6a/Freiburg_DiaCHIP_overview_scaled.jpg" width="350px">
+
                 <img src="https://static.igem.org/mediawiki/2015/8/89/Freiburg_Slider-DIY_scaled.png" width="350px">
 
               </div>
 
               </div>
 
               <div class="slidertext">
 
               <div class="slidertext">
Line 558: Line 647:
 
               </div>
 
               </div>
 
             </li>
 
             </li>
 
  
 
             <li id="second" class="secondanimation">
 
             <li id="second" class="secondanimation">
 
               <div class="artboard">
 
               <div class="artboard">
 
               <div class="sliderimage">
 
               <div class="sliderimage">
                 <img src="" width="350px">
+
                 <img src="https://static.igem.org/mediawiki/2015/b/b8/Freiburg_Slider-HumanPractice_scaled.png" width="350px">
 
               </div>
 
               </div>
 
               <div class="slidertext">
 
               <div class="slidertext">
                 <h1>Outlook</h1>
+
                 <h1>(2)Communicating science</h1>
                 <p></p>
+
                 <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 term for the broad public according to a survey initiated by the Leopoldina (National academy of science), we received a lot of positive feedback. </p>
 
               </div>
 
               </div>
 
               <div class="slidertext indent">
 
               <div class="slidertext indent">
Line 574: Line 662:
 
               </div>
 
               </div>
 
             </li>
 
             </li>
 
 
 
             <li id="third" class="thirdanimation">
 
             <li id="third" class="thirdanimation">
 
               <div class="artboard">
 
               <div class="artboard">
               <div class="sliderimage" style="margin:6% auto">
+
               <div class="sliderimage">
                 <img src="https://static.igem.org/mediawiki/2015/d/db/Freiburg_iRiF_slider.png" width="70%">
+
                 <img src="https://static.igem.org/mediawiki/2015/1/14/Freiburg_Slide-Modelling_scaled.png" width="350px">
 
               </div>
 
               </div>
 
               <div class="slidertext">  
 
               <div class="slidertext">  
                 <h1>Optical Detection: iRIf</h1>
+
                 <h1>(3)Modeling cell-free expression</h1>
                 <p>One disadvantage of currently available serological tests is the need for secondary labels that allow the detection of disease markers. Making use of an optical method based on the interference of light, the DiaCHIP can detect specific binding events on a protein microarray without further labeling. Read more about this innovative tool and the physics behind it.  
+
                 <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 on the protein array and identified the factors limiting cell-free expression in the DiaCHIP. </p>
                </p>
+
 
+
                <p style="margin-top:30px">
+
              <div class="intro_button menu-arrow">         
+
                <a href="https://2015.igem.org/Team:Freiburg/Project/iRIf" title="Optical Detection">iRIf Principle and Physics</a>
+
 
               </div>
 
               </div>
                 </p>
+
              <div class="slidertext indent">
 
+
                 <p> Want to read <a href="https://2015.igem.org/Team:Freiburg/Modeling">more</a>? </p>
 
               </div>
 
               </div>
 
               </div>
 
               </div>
 
             </li>
 
             </li>
 
 
 
             <li id="fourth" class="fourthanimation">
 
             <li id="fourth" class="fourthanimation">
 
               <div class="artboard">
 
               <div class="artboard">
               <div class="sliderimage" style="margin:8% auto">
+
               <div class="sliderimage">
                 <img src="https://static.igem.org/mediawiki/2015/0/03/Freiburg_specific_surface_RJ_preview.jpg" width="230px">
+
                 <img src="https://static.igem.org/mediawiki/2015/e/e4/Freiburg_Slider-Eigenblut.png" width="350px">
 
               </div>
 
               </div>
 
               <div class="slidertext">  
 
               <div class="slidertext">  
                 <h1>Surface Chemistry</h1>
+
                 <h1>(4)Measuring our blood</h1>
                 <p>The production of a customized protein microarray in the DiaCHIP is based on selective immobilization of antigens on a glass slide. Therefore, a specific surface chemistry needs to be established in order to reduce the proportion of unspecific binding of non-target proteins to a minimum.
+
                 <p>One of the most promising results was obtained from the detection of anti-tetanus antibodies in human blood serum. The DiaCHIP analysis made it possible for us to distinguish serum samples from a team member before and after vaccination. Samples taken two weeks after vaccination produced higher signals, compared to those prior to antigen exposure.</p>
                  Read more about the different layer compositions we tested on our way to high specificity.
+
                </p>
+
 
+
                <p style="margin-top:30px">
+
              <div class="intro_button menu-arrow">         
+
                <a href="https://2015.igem.org/Team:Freiburg/Project/Surface_Chemistry" title="Surface Chemistry">Establishing a Specific Surface</a>
+
 
               </div>
 
               </div>
                 </p>
+
              <div class="slidertext indent">
 
+
                 <p> Want to read <a href="https://2015.igem.org/Team:Freiburg/Results">more</a>?</p>
 
               </div>
 
               </div>
 
               </div>
 
               </div>
 
             </li>
 
             </li>
 
 
 
             <li id="fifth" class="fifthanimation">
 
             <li id="fifth" class="fifthanimation">
 
               <div class="artboard">
 
               <div class="artboard">
 
               <div class="sliderimage">
 
               <div class="sliderimage">
                 <img src="" width="350px">
+
                 <img src="https://static.igem.org/mediawiki/2015/e/e4/Freiburg_Slider-Eigenblut.png" width="350px">
 
               </div>
 
               </div>
 
               <div class="slidertext">  
 
               <div class="slidertext">  
                 <h1>Protein Purification</h1>
+
                 <h1>(5)DNA Engineering</h1>
                 <p>Protein expression in the DiaCHIP is mediated by cell-free expression. As this is an advanced method dependent on the optimization of many parameters, we got back to conventional protein purification in <i>E. coli</i> for being able to compare the results of both techniques. <br>
+
                 <p>Genetic fusion of different antigens and tags is a really basic requirement of our project. To enable many people to work on our DNA constructs in parallel we designed a cloning strategy easy to follow and additionally easy to expand for further needs.
Read more about the overexpression and purification of several antigenic peptides. 
+
                                <br>
                </p>
+
Read more about how we combined different cloning methods to reduce our efforts in <a href="https://2015.igem.org/Team:Freiburg/Methods/Cloning" class="wikilink1">DNA Engineering.</a>
 
+
                                </p>
                <p style="margin-top:30px">
+
              <div class="intro_button menu-arrow">         
+
                <a href="https://2015.igem.org/Team:Freiburg/Project/Protein_Purification" title="Protein Purification">Purification of Antigens</a>
+
 
               </div>
 
               </div>
                 </p>
+
              <div class="slidertext indent">
 
+
                 <p> Want to read <a href="https://2015.igem.org/Team:Freiburg/Results">more?</a></p>
 
               </div>
 
               </div>
 
               </div>
 
               </div>
 
             </li>
 
             </li>
 
 
 
             <li id="sixth" class="sixthanimation">
 
             <li id="sixth" class="sixthanimation">
 
               <div class="artboard">
 
               <div class="artboard">
 
               <div class="sliderimage">
 
               <div class="sliderimage">
                 <img src="" width="350px">
+
                 <img src="https://static.igem.org/mediawiki/2015/e/e4/Freiburg_Slider-Eigenblut.png" width="350px">
 
               </div>
 
               </div>
 
               <div class="slidertext">  
 
               <div class="slidertext">  
                 <h1>Cell-Free Expression</h1>
+
                 <h1>(6)Protein purification</h1>
                 <p> A key feature of the DiaCHIP is the capability to produce protein arrays on demand via cell-free expression.  
+
                 <p>Protein expression in the DiaCHIP is mediated by cell-free expression. As this is an advanced method dependent on the optimization of many parameters, we got back to conventional protein purification in <i>E. coli</i> for being able to compare the results of both techniques. <br>
 +
<a class="wikilink1" href="https://2015.igem.org/Team:Freiburg/Project/Protein_Purification">Read more</a> about the overexpression and purification of several antigenic peptides. 
 
</p>
 
</p>
 
               </div>
 
               </div>
Line 656: Line 723:
 
               </div>
 
               </div>
 
             </li>
 
             </li>
 
 
 
             <li id="seventh" class="seventhanimation">
 
             <li id="seventh" class="seventhanimation">
 
               <div class="artboard">
 
               <div class="artboard">
 
               <div class="sliderimage">
 
               <div class="sliderimage">
                 <img src="<!--https://static.igem.org/mediawiki/2015/3/3a/Freiburg_pOP_home_scaled.png-->" width="350px">
+
                 <img src="https://static.igem.org/mediawiki/2015/e/e4/Freiburg_Slider-Eigenblut.png" width="350px">
 
               </div>
 
               </div>
 
               <div class="slidertext">  
 
               <div class="slidertext">  
                 <h1>DNA Engineering</h1>
+
                 <h1>(7)Surface chemistry</h1>
                 <p>Genetic fusion of different antigens and tags is a basic requirement of our project. In order to enable several people to work in parallel we designed a cloning strategy easy to follow and additionally easy to expand for further needs.
+
                 <p>The production of a protein microarray in the DiaCHIP is based on specific immobilization of antigenic peptides on a glass slide. Therefore, we optimized a protocol for a specific surface chemistry until the proportion of unspecific binding of non-target proteins was reduced to a minimum.<br>
Read more about combining different cloning methods to reduce efforts in <a href="https://2015.igem.org/Team:Freiburg/Methods/Cloning" class="wikilink1">DNA Engineering.</a>
+
<a class="wikilink1" href="https://2015.igem.org/Team:Freiburg/Project/Surface_Chemistry">Read more</a> about the different systems we tested on our way to high specificity.
 
</p>
 
</p>
 
                <p style="margin-top:10%">
 
              <div class="intro_button menu-arrow">         
 
                <a href="https://2015.igem.org/Team:Freiburg/Methods/Cloning" title="DNA Engineering">DNA Engineering</a>
 
 
               </div>
 
               </div>
                 </p>
+
              <div class="slidertext indent">
 
+
                 <p> Want to read <a href="https://2015.igem.org/Team:Freiburg/Results">more?</a></p>
 
               </div>
 
               </div>
 
               </div>
 
               </div>
 
             </li>
 
             </li>
 
 
 
             <li id="eightth" class="eightthanimation">
 
             <li id="eightth" class="eightthanimation">
 
               <div class="artboard">
 
               <div class="artboard">
 
               <div class="sliderimage">
 
               <div class="sliderimage">
                 <img src="" width="350px">
+
                 <img src="https://static.igem.org/mediawiki/2015/e/e4/Freiburg_Slider-Eigenblut.png" width="350px">
 
               </div>
 
               </div>
 
               <div class="slidertext">  
 
               <div class="slidertext">  
                 <h1>Diagnostics Today</h1>
+
                 <h1>(8)Optical detection</h1>
                 <p>Currently used serological tests are available for a broad range of infectious diseases. However, they meet limitations that can be life-saving for some patient groups. The necessity of performing several tests in order to check for more than one disease at once is not only time-consuming but also costly. The DiaCHIP tackles these issues by providing a fast and affordable method for simultaneous testing.
+
                 <p>One disadvantage of currently available diagnostic test is the need for secondary labels that allow the detection of disease markers. Making use of an optical method based on the interference of light, the DiaCHIP can detect specific binding events on a protein microarray without further labeling. <br>
                </p>
+
<a class=”wikilink1” href=”https://2015.igem.org/Team:Freiburg/Project/iRIf>Read more</a> about this innovative tool and the physics behind it.
 
+
</p>
                <p style="margin-top:30px">
+
              </div>
               <div class="intro_button menu-arrow">        
+
               <div class="slidertext indent">
                <a href="https://2015.igem.org/Team:Freiburg/Design" title="Diagnostics today">Limitations and Solutions</a>
+
                <p> Want to read <a href="https://2015.igem.org/Team:Freiburg/Results">more?</a></p>
 
               </div>
 
               </div>
                </p>
 
 
 
               </div>
 
               </div>
 
             </li>
 
             </li>
 
 
         </ul>
 
         </ul>
 
         </div>  <!-- End Mask -->
 
         </div>  <!-- End Mask -->

Revision as of 18:45, 17 September 2015

""

expand text s.t. it leads to system overview
write appropriate content for slider: should present main subpoints of project in short sentence and link to them

The DiaCHIP - A Versatile Detection System

DiaCHIP_Sabi

Project Motivation

Serological tests are a key element in modern medicine. Especially for detection and identification of infectious diseases, performing several blood tests is inevitable. Testing for more than one disease at a time or diagnosing a patient with diffuse symptoms usually requires more than one serological test. Every single test that is performed increases the time of waiting for a result as well as the bill. In case of dangerous infectious diseases every minute until the onset of the appropriate treatment is important for life. What if there was a possibility to combine all this testing in one single chip which is affordable for everyone?

Detecting Antigen-Antibody Interactions

The DiaCHIP is an innovative tool to screen for a broad range of antibodies present in serum. Antibodies serve as indicator for an immune response towards an infectious diseases or a successful vaccination. They also play an important role in the diagnosis of autoimmune diseases. Identifying diseases by detecting disease associated antibodies in a patient's serum is an established method in modern diagnostics.
Based on the very same principle, the DiaCHIP enables to simultaneously screen for multiple diseases at time, thereby reducing time and cost of a diagnosis. Especially the ability to differentiate between life threatening diseases and mild infections within a short time bears the potential to save lives.

The Concept

The key feature of the DiaCHIP concept is the combination of on-demand protein synthesis of disease related antigens and a novel method for label-free detection - all this 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.

  • The DiaCHIP - System Overview

    The core of our new diagnostic device are two slides that form a microfluidic chamber. Therein an antigen array can be generated on demand on the bottom slide. By flushing the chamber with a blood sample, binding of antibodies present in the sample is detected with the optical detection method iRIf in real-time.

  • (2)Communicating science

    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 term for the broad public according to a survey initiated by the Leopoldina (National academy of science), we received a lot of positive feedback.

    Want to read more?

  • (3)Modeling cell-free expression

    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 on the protein array and identified the factors limiting cell-free expression in the DiaCHIP.

    Want to read more?

  • (4)Measuring our blood

    One of the most promising results was obtained from the detection of anti-tetanus antibodies in human blood serum. The DiaCHIP analysis made it possible for us to distinguish serum samples from a team member before and after vaccination. Samples taken two weeks after vaccination produced higher signals, compared to those prior to antigen exposure.

    Want to read more?

  • (5)DNA Engineering

    Genetic fusion of different antigens and tags is a really basic requirement of our project. To enable many people to work on our DNA constructs in parallel we designed a cloning strategy easy to follow and additionally easy to expand for further needs.
    Read more about how we combined different cloning methods to reduce our efforts in DNA Engineering.

    Want to read more?

  • (6)Protein purification

    Protein expression in the DiaCHIP is mediated by cell-free expression. As this is an advanced method dependent on the optimization of many parameters, we got back to conventional protein purification in E. coli for being able to compare the results of both techniques.
    Read more about the overexpression and purification of several antigenic peptides.

    Want to read more?

  • (7)Surface chemistry

    The production of a protein microarray in the DiaCHIP is based on specific immobilization of antigenic peptides on a glass slide. Therefore, we optimized a protocol for a specific surface chemistry until the proportion of unspecific binding of non-target proteins was reduced to a minimum.
    Read more about the different systems we tested on our way to high specificity.

    Want to read more?

  • (8)Optical detection

    One disadvantage of currently available diagnostic test is the need for secondary labels that allow the detection of disease markers. Making use of an optical method based on the interference of light, the DiaCHIP can detect specific binding events on a protein microarray without further labeling.
    Read more about this innovative tool and the physics behind it.

    Want to read more?