Difference between revisions of "Team:Freiburg/Project/Overview"
| Line 10: | Line 10: | ||
#lightbulb{ | #lightbulb{ | ||
position: absolute; | position: absolute; | ||
| + | -webkit-transform: scale(0.5); | ||
transform: scale(0.5); | transform: scale(0.5); | ||
top: 230px; | top: 230px; | ||
| Line 115: | Line 116: | ||
#fourth{ | #fourth{ | ||
left: -1000px; | left: -1000px; | ||
| + | -ms-transition: tranform 1s ease; | ||
| + | -webkit-transition: transform 1s ease; | ||
transition: transform 1s ease; | transition: transform 1s ease; | ||
font-size: 100%; | font-size: 100%; | ||
| Line 221: | Line 224: | ||
if (distance == 1) { | if (distance == 1) { | ||
console.log("Distance: "+distance); | console.log("Distance: "+distance); | ||
| − | $('#first').css({"transform": "translateX(0)"}); | + | $('#first').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); |
$('#second').css({"z-index": "100"}); | $('#second').css({"z-index": "100"}); | ||
| − | $('#third').css({"z-index": "-100", "transform": "translateX(0)"}); | + | $('#third').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); |
| − | $('#fourth').css({"transform": "translateX(0)"}); | + | $('#fourth').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); |
$('#redsmall').css({"display": "inline"}); | $('#redsmall').css({"display": "inline"}); | ||
$('#green').css({"display": "none"}); | $('#green').css({"display": "none"}); | ||
| Line 234: | Line 237: | ||
else if (distance ==2) { | else if (distance ==2) { | ||
console.log("Distance: "+distance); | console.log("Distance: "+distance); | ||
| − | $('#first').css({"transform": "translateX(1000px)"}); | + | $('#first').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); |
| − | $('#second').css({"transform": "translateX(1000px)"}); | + | $('#second').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); |
$('#third').css({"z-index": "100"}); | $('#third').css({"z-index": "100"}); | ||
| − | $('#fourth').css({"z-index": "-100", "transform": "translateX(-2000px)"}); | + | $('#fourth').css({"z-index": "-100", "transform": "translateX(-2000px)", "-webkit-transform": "translateX(-2000px)", "-ms-transform": "translateX(-2000px)", "-webkit-transform": "translateX(-2000px)", "-ms-transform": "translateX(-2000px)"}); |
$('#green').css({"display": "inline"}); | $('#green').css({"display": "inline"}); | ||
$('#red').css({"display": "none"}); | $('#red').css({"display": "none"}); | ||
| Line 247: | Line 250: | ||
else if (distance ==3) { | else if (distance ==3) { | ||
console.log("Distance: "+distance); | console.log("Distance: "+distance); | ||
| − | $('#first').css({"z-index": "-100", "transform": "translateX(-1000px)"}); | + | $('#first').css({"z-index": "-100", "transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"}); |
| − | $('#second').css({"transform": "translateX(2000px)"}); | + | $('#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)"}); | + | $('#third').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); |
$('#fourth').css({"z-index": "100"}); | $('#fourth').css({"z-index": "100"}); | ||
$('#red').css({"display": "inline"}); | $('#red').css({"display": "inline"}); | ||
| Line 261: | Line 264: | ||
console.log("Distance: "+distance); | console.log("Distance: "+distance); | ||
$('#first').css({"z-index": "100"}); | $('#first').css({"z-index": "100"}); | ||
| − | $('#second').css({"z-index": "-100", "transform": "translateX(0)"}); | + | $('#second').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); |
| − | $('#third').css({"transform": "translateX(2000px"}); | + | $('#third').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); |
| − | $('#fourth').css({"transform": "translateX(-1000px)"}); | + | $('#fourth').css({"transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"}); |
$('#blue').css({"display": "inline"}); | $('#blue').css({"display": "inline"}); | ||
$('#redsmall').css({"display": "none"}); | $('#redsmall').css({"display": "none"}); | ||
| Line 277: | Line 280: | ||
if (distance == 1) { | if (distance == 1) { | ||
$('#first').css({"z-index": "-100"}); | $('#first').css({"z-index": "-100"}); | ||
| − | $('#second').css({"transform": "translateX(2000px)"}); | + | $('#second').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); |
| − | $('#third').css({"z-index": "100","transform": "translateX(1000px)"}); | + | $('#third').css({"z-index": "100","transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); |
| − | $('#fourth').css({"transform": "translateX(-2000px)"}); | + | $('#fourth').css({"transform": "translateX(-2000px)", "-webkit-transform": "translateX(-2000px)", "-ms-transform": "translateX(-2000px)"}); |
$('#redsmall').css({"display": "inline"}); | $('#redsmall').css({"display": "inline"}); | ||
$('#blue').css({"display": "none"}); | $('#blue').css({"display": "none"}); | ||
| Line 289: | Line 292: | ||
else if (distance ==2) { | else if (distance ==2) { | ||
console.log("Distance: "+distance); | console.log("Distance: "+distance); | ||
| − | $('#first').css({"transform": "translateX(-1000px)"}); | + | $('#first').css({"transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"}); |
$('#second').css({"z-index": "-100"}); | $('#second').css({"z-index": "-100"}); | ||
| − | $('#third').css({"transform": "translateX(2000px)"}); | + | $('#third').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); |
| − | $('#fourth').css({"z-index": "100","transform": "translateX(-1000px)"}); | + | $('#fourth').css({"z-index": "100","transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"}); |
$('#green').css({"display": "inline"}); | $('#green').css({"display": "inline"}); | ||
$('#redsmall').css({"display": "none"}); | $('#redsmall').css({"display": "none"}); | ||
| Line 302: | Line 305: | ||
else if (distance ==3) { | else if (distance ==3) { | ||
console.log("Distance: "+distance); | console.log("Distance: "+distance); | ||
| − | $('#first').css({"z-index": "100","transform": "translateX(0px)"}); | + | $('#first').css({"z-index": "100","transform": "translateX(0px)", "-webkit-transform": "translateX(0px)", "-ms-transform": "translateX(0px)"}); |
| − | $('#second').css({"transform": "translateX(0)"}); | + | $('#second').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); |
$('#third').css({"z-index": "-100"}); | $('#third').css({"z-index": "-100"}); | ||
| − | $('#fourth').css({"transform": "translateX(0)"}); | + | $('#fourth').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); |
$('#red').css({"display": "inline"}); | $('#red').css({"display": "inline"}); | ||
$('#green').css({"display": "none"}); | $('#green').css({"display": "none"}); | ||
| Line 315: | Line 318: | ||
else if (distance ==4) { | else if (distance ==4) { | ||
console.log("Distance: "+distance); | console.log("Distance: "+distance); | ||
| − | $('#first').css({"transform": "translateX(1000px)"}); | + | $('#first').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); |
| − | $('#second').css({"z-index": "100","transform": "translateX(1000px)"}); | + | $('#second').css({"z-index": "100","transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); |
| − | $('#third').css({"transform": "translateX(0)"}); | + | $('#third').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); |
$('#fourth').css({"z-index": "-100"}); | $('#fourth').css({"z-index": "-100"}); | ||
$('#blue').css({"display": "inline"}); | $('#blue').css({"display": "inline"}); | ||
Revision as of 18:53, 5 September 2015
Project overview: The DiaCHIP
The DiaCHIP is an innovative tool to simultaneously differentially detect antibodies present in blood sera that correspond to infectious diseases. It may greatly simplify broad band screenings, detection of autoimmune diseases and the determination of vaccination status. Essential for our project idea is the combination of on-demand protein synthesis directly in the diagnostic device, that is using a novel and label-free detection system, so simple that it can easily be rebuild and utilized by future iGEM teams.
Preparing the DiaCHIP
As the DiaCHIP relies on antibody-antigen interactions, the antigens first have to be synthesized and immobilized inside the device. Given that the whole device is a microfluidic system, it was most convenient to do this directly in the flow-chamber, where detection will finally take place. The flow-chamber consists of two glass surfaces separated by a gap that can be flushed with liquids. On the one surface DNA molecules, which code for the respective antigens. By flushing a cell-free expression mix into the chamber, the respective antigens are transcribed and translated on-demand. Proteins then diffuse until reaching the second surface that specifically captures the proteins encoded by the immobilized DNA. After several washing steps to remove remaining expression-mix the flow-chamber is coated with the immobilized antigens and ready for detection.
Measuring
With the iRIf (Abkürzung) system it is possible to record small changes in layer thickness. The binding of an antibody, present in the blood serum flushed through the chamber, to the according antigen increases the local thickness of the protein surface so that interaction events can be measured label-free and in real-time via the change of the optical properties at this spot.
But we didn't stop thinking about the device: We detected antibodies in our own blood!
