Difference between revisions of "Team:Bielefeld-CeBiTec/Design"

Line 128: Line 128:
 
<p> So far so good. Fluorescence imaging of liquids in quite high amounts is possible. But does it also works with small volumes and on paper? Therefore we took normal laboratory filter papers. (MN 827 B from Macherey and Nagel, C 350 L and FN3 from Munktell and a laboratory filter paper we got from Merck) and put the lysates on the paper and took the photos. Exemplary the results from laboratory filter paper  from Merck are shown. The other ones showed the same results.  As you can see in the picture below this paragraph, it is possible to photograph volumes of 5 µl purified GFP up to a concentration of 17,5 mmol/L. </p>
 
<p> So far so good. Fluorescence imaging of liquids in quite high amounts is possible. But does it also works with small volumes and on paper? Therefore we took normal laboratory filter papers. (MN 827 B from Macherey and Nagel, C 350 L and FN3 from Munktell and a laboratory filter paper we got from Merck) and put the lysates on the paper and took the photos. Exemplary the results from laboratory filter paper  from Merck are shown. The other ones showed the same results.  As you can see in the picture below this paragraph, it is possible to photograph volumes of 5 µl purified GFP up to a concentration of 17,5 mmol/L. </p>
  
−
<br>
 
  
−
<figure style="margin:auto; width: 600px">
+
<div class="row">
 +
    <div class="col-md-6 text-center" style="margin-bottom: 20px">
 +
<figure style="margin:auto; width: 350px">
 
<a href="https://static.igem.org/mediawiki/2015/d/d7/Bielefeld-CeBiTec_test_on_paper.png" data-lightbox="detection" data-title="We added a small amount of lysate to the scrap of paper and photographed it with the different filter combinations. The top photo is whithout any filter. The picture in the middle was taken with the filter combination for sfGFP and for the bottom picture the mRFP filters were used."><img src="https://static.igem.org/mediawiki/2015/d/d7/Bielefeld-CeBiTec_test_on_paper.png" ></a>
 
<a href="https://static.igem.org/mediawiki/2015/d/d7/Bielefeld-CeBiTec_test_on_paper.png" data-lightbox="detection" data-title="We added a small amount of lysate to the scrap of paper and photographed it with the different filter combinations. The top photo is whithout any filter. The picture in the middle was taken with the filter combination for sfGFP and for the bottom picture the mRFP filters were used."><img src="https://static.igem.org/mediawiki/2015/d/d7/Bielefeld-CeBiTec_test_on_paper.png" ></a>
 
<figcaption> We added a small amount of lysate to the scrap of paper and photographed it with the different filter combinations. The top photo is whithout any filter. The picture in the middle was taken with the filter combination for sfGFP and for the bottom picture the mRFP filters were used.
 
<figcaption> We added a small amount of lysate to the scrap of paper and photographed it with the different filter combinations. The top photo is whithout any filter. The picture in the middle was taken with the filter combination for sfGFP and for the bottom picture the mRFP filters were used.
 
</figcaption>
 
</figcaption>
 
</figure>
 
</figure>
 +
</div>
  
 +
<div class="col-md-6 text-center" style="margin-bottom: 20px">
 +
<br>
 +
<br>
 
<br>
 
<br>
−
 
 
<p> Now we wanted to find out if it is possible to photograph the fluorescence from a CFPS experiment on paper. So after a CFPS run on paper, we took the scrap of paper and took a photo from it. As you can see in the picture below. </p>
 
<p> Now we wanted to find out if it is possible to photograph the fluorescence from a CFPS experiment on paper. So after a CFPS run on paper, we took the scrap of paper and took a photo from it. As you can see in the picture below. </p>
  
 
<br>
 
<br>
  
−
<figure style="margin:auto; width: 600px">
+
<figure style="margin:auto; width: 400px">
 
<a href="https://static.igem.org/mediawiki/2015/9/99/Bielefeld-CeBiTec_CFPS_on_Paper.png" data-lightbox="detection" data-title="We took the scrap of paper from the CFPS an took an photo. And as you can see in the picture it worked. We can take an photo of the sfGFP generated in the CFPS."><img src="https://static.igem.org/mediawiki/2015/9/99/Bielefeld-CeBiTec_CFPS_on_Paper.png" ></a>
 
<a href="https://static.igem.org/mediawiki/2015/9/99/Bielefeld-CeBiTec_CFPS_on_Paper.png" data-lightbox="detection" data-title="We took the scrap of paper from the CFPS an took an photo. And as you can see in the picture it worked. We can take an photo of the sfGFP generated in the CFPS."><img src="https://static.igem.org/mediawiki/2015/9/99/Bielefeld-CeBiTec_CFPS_on_Paper.png" ></a>
 
<figcaption> We took the scrap of paper from the CFPS an took an photo. And as you can see in the picture it worked. We can take an photo of the sfGFP generated in the CFPS.
 
<figcaption> We took the scrap of paper from the CFPS an took an photo. And as you can see in the picture it worked. We can take an photo of the sfGFP generated in the CFPS.
Line 148: Line 152:
 
</figure>
 
</figure>
  
 +
</div>
 
</div>
 
</div>
  
 
<br>
 
<br>
  
−
<div class="The 3D print">
+
 
  
  
Line 161: Line 166:
  
 
For easy handling a correct positioning of the smartphone and the biosensor test strip, we designed and printed a measurement case.
 
For easy handling a correct positioning of the smartphone and the biosensor test strip, we designed and printed a measurement case.
 +
<br>
 
</p></div>
 
</p></div>
  
Line 196: Line 202:
 
</div>
 
</div>
  
−
 
+
<div class="The 3D print">
 
<h2> The 3D print </h2>
 
<h2> The 3D print </h2>
 
<p> Ok, the fluorescence detections works fine, but it's not really practical to take the photo. The filter have to be in the right position direct in front of the camera respectively of the flash. Also it has to be quite dark for high quality pictures. Therefore we designed a box and realized it with a 3D printer. The top can be changed specific for the smartphone you use. The test stripe can be placed on the push loading drawer and inserted into the box. So it's quite easy to use. You just have to put the smartphone on the top, insert the test strip an take the photo. </p>
 
<p> Ok, the fluorescence detections works fine, but it's not really practical to take the photo. The filter have to be in the right position direct in front of the camera respectively of the flash. Also it has to be quite dark for high quality pictures. Therefore we designed a box and realized it with a 3D printer. The top can be changed specific for the smartphone you use. The test stripe can be placed on the push loading drawer and inserted into the box. So it's quite easy to use. You just have to put the smartphone on the top, insert the test strip an take the photo. </p>

Revision as of 17:19, 18 September 2015

iGEM Bielefeld 2015


Output Signal processing

A Prototyp for easy fluorescence detection

The problem

We planed to design a practical test strip using fluorescence as output signal. Green fluorescent protein (GFP) is among the most frequently used reporter proteins and has been used in numerous iGEM projects. But detecting fluorescence outside the lab sounded impractical to us. So we had to find an easy way to analyze the output.

The first steps

Before testing we decided to measure the extinction and emission spectra from sfGFP as a basis to choose the most promising filter combination and to have a look if the smartphone flash really excites sfGFP.

In the beginning of our project, we wanted to test if it could work to photograph fluorescence with a smartphone. We got a filter from light engineering from the women cultural center Bielefeld e.V. ("Frauenkulturzentrum Bielefeld e.V.") and put it in front of the smartphone. In the picture below, we took a picture with these filter from purified GFP, sfGFP lysate and lysate without sfGFP. You can see different colors and a different brightnesses in the picture. So in our first impression we thought it's worth to try some other filters, to find the perfect filter for sfGFP imaging with almost no background signal.

Emission and extinction spectra of sfGFP. The characteristic curve from the samsung galaxy S5 mini flash is also shown. The overlap of the different spectra shows that it is possible to excite sfGFP with a smartphone flash.
The first filter test to get an rough impression if it could work to use two filters for fluorescence imaging. We used one filter in front of the flash and the same one in front of the camera. In the picture you can see purified GFP, sfGFP lysate and the lysate of a not induced sfGFP culture.

Therefore we bought a lee color filter catalog and began to test different filter combinations. The preselection was possible, because we had access to the light transmitting spectra of almost every filter.

The next step was to create a dark environment. Therefore we did handicrafts to design a "black box". Now it was possible to take photos under defined conditions and constant dark background.

Lee color filter catalog
The black box: tinkered to take photos under same conditions

The filter combinations

The essential requirements for taking comparable photos are done. Now we had to find the ideal filter combination. So we made a lot of photos with the preselection. We tested 6 filters for emission and combined every filter for emission with up to 16 filters for extinction.After analyzing the photos with the image processing software Fiji, the optimal filter combination found was tokyo blue (071) in front of the flash and twickenham green (736) in front of the camera.

Test of different filter combinations. On the top there is the picture without any filters. In the middle the picture was taken with fluorescence green in front of the camera and deep blue in front of the flash. The bottom photo was taken with the optimal filter combinition. Tokyo blue in front of the flash and twickenham green in front of the camera
Test of different filtercombinations to photograph mRFP. On the top the picture is taken without any filters. In the middle the picture was taken with light red in front of the camera and dark yellow green in front of the flash. The bottom photo was taken with the optimal filtercombinition. Twickenham green in front of the flash and light red in front of the camera.

As you can see in the picture above it is really important to choose the right filters to get a high fluorescence signal and a low background signal. But is it only possible to photograph sfGFP and GFP? To find it out, we tried to photograph monomeric red fluorescent protein (mRFP) lysate, as well.

Does fluorescence photography work on Paper?

So far so good. Fluorescence imaging of liquids in quite high amounts is possible. But does it also works with small volumes and on paper? Therefore we took normal laboratory filter papers. (MN 827 B from Macherey and Nagel, C 350 L and FN3 from Munktell and a laboratory filter paper we got from Merck) and put the lysates on the paper and took the photos. Exemplary the results from laboratory filter paper from Merck are shown. The other ones showed the same results. As you can see in the picture below this paragraph, it is possible to photograph volumes of 5 µl purified GFP up to a concentration of 17,5 mmol/L.

We added a small amount of lysate to the scrap of paper and photographed it with the different filter combinations. The top photo is whithout any filter. The picture in the middle was taken with the filter combination for sfGFP and for the bottom picture the mRFP filters were used.



Now we wanted to find out if it is possible to photograph the fluorescence from a CFPS experiment on paper. So after a CFPS run on paper, we took the scrap of paper and took a photo from it. As you can see in the picture below.


We took the scrap of paper from the CFPS an took an photo. And as you can see in the picture it worked. We can take an photo of the sfGFP generated in the CFPS.

The App

Now it's possible to photograph fluorescence, but sometimes it's difficult to see the differences. And analyzing the pictures with the image processing software Fiji requires know-how of the user. On the one hand for the program and on the other hand for interpreting the results. We solved this problem with a smartphone App. We coded the App with Android Studio 1.2.2 and can be installed on smartphones on Android 4.2 (Jelly bean) and later. The App determines the median of the greenvalue of a area of pixels in the sensorspot and compares it to the pixels of the negative control (the not induced sensor). If the ratio of a sample and the negative control is above a certain theshold (10%), valid biosensor signal is detected. Additionally it is checked whether the value for the positive control (drop of sfGFP) is above a certain value, thereby confirming the functionality of the biosensor. Furthermore the App displays specific information regarding the different heavymetals and date rape drugs to inform the user. You can download it by clicking on the button below. You need to unzip the file on your phone, since one cannot upload .apk files. Alternatively download it here and delete the fileextension ".txt".

For easy handling a correct positioning of the smartphone and the biosensor test strip, we designed and printed a measurement case.

A photo of our test strip generated by a typical smartphone using an ideal filter combination to detect fluorescence of sfGFP.
Screenshot of the app. It shows the pixels it took into account for the calculation in red, so the user can check, whether the pixels chosen are correct. Furthermore, it provides the values it calculated for the greeness of the spot.
The application is adapted to the box shown in the picture. The box provides the ideal environment for capturing pictures under reproducible conditions. The application will calculate whether a contamination is present and give out an list of the contaminants in the water sample.

Download it!

Get the source code!

The 3D print

Ok, the fluorescence detections works fine, but it's not really practical to take the photo. The filter have to be in the right position direct in front of the camera respectively of the flash. Also it has to be quite dark for high quality pictures. Therefore we designed a box and realized it with a 3D printer. The top can be changed specific for the smartphone you use. The test stripe can be placed on the push loading drawer and inserted into the box. So it's quite easy to use. You just have to put the smartphone on the top, insert the test strip an take the photo.

The 3D modell of the box

Time to put all parts together!