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

Line 22: Line 22:
 
       <div class="Subtitle">
 
       <div class="Subtitle">
 
           <h2> The first steps</h2>
 
           <h2> The first steps</h2>
<p> In the beginning we wanted to test, if it could really work to photograph fluorescence with an smartphone. Therefore we got an light engineering Filter from the "Frauenkulturzentrum Bielefeld e.V." and put it in front of the camera and the flash. You can see different colors in the picture. So in our first impression we thought it's worth to try some other Filters. </p>
+
<p> In the beginning we wanted to test, if it could really work to photograph fluorescence with an smartphone. Therefore we got an light engineering filter from the "Frauenkulturzentrum Bielefeld e.V." and put it in front of the camera and the flash. You can see different colors in the picture. So in our first impression we thought it's worth to try some other filters. </p>
  
  
 
<figure style="margin:auto; width: 300px">
 
<figure style="margin:auto; width: 300px">
<a href="https://static.igem.org/mediawiki/2015/d/da/Bielefeld-CeBiTec_first_filtertests.png" data-lightbox="detection" data-title=" The first filtertest 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 lysat and the lysat of a not induced sfGFP culture."><img src="https://static.igem.org/mediawiki/2015/d/da/Bielefeld-CeBiTec_first_filtertests.png" ></a>
+
<a href="https://static.igem.org/mediawiki/2015/d/da/Bielefeld-CeBiTec_first_filtertests.png" data-lightbox="detection" data-title=" 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."><img src="https://static.igem.org/mediawiki/2015/d/da/Bielefeld-CeBiTec_first_filtertests.png" ></a>
<figcaption>The first filtertest 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 lysat and the lysat of a not induced sfGFP culture.
+
<figcaption>The first filteretest 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.
 
</figcaption>
 
</figcaption>
 
</figure>
 
</figure>
  
<p> Therefore we bought a lee color filter catalog and began to test different filter combinations. But before testing we decided to messure the extinction and emission spektra from sfGFP as a basis to choose the most promising filter combination and to have a look if the smartphone flash really extincts sfGFP.The preselection was possible, because every Filter had a light transmitting spektra. </p>
+
<p> Therefore we bought a lee color filter catalog and began to test different filter combinations. But 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 extincts sfGFP. The preselection was possible, because we had access to the light transmitting spectra of almost every filter. </p>
  
  
Line 38: Line 38:
  
 
<figure style="margin:auto; width: 500px">
 
<figure style="margin:auto; width: 500px">
<a href="https://static.igem.org/mediawiki/2015/3/36/Bielefeld-CeBiTec_sfGFP_Spektra.png" data-lightbox="detection" data-title=" Emission and extinction spektra of sfGFP. The characteristic curve from the samsung galaxy S5 mini flash is also shown. The overlap from the different spektra show, it's possible to excite sfGFP with a smartphone flash. "><img src="https://static.igem.org/mediawiki/2015/3/36/Bielefeld-CeBiTec_sfGFP_Spektra.png" ></a>
+
<a href="https://static.igem.org/mediawiki/2015/3/36/Bielefeld-CeBiTec_sfGFP_Spektra.png" data-lightbox="detection" data-title=" 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. "><img src="https://static.igem.org/mediawiki/2015/3/36/Bielefeld-CeBiTec_sfGFP_Spektra.png" ></a>
<figcaption>Emission and extinction spektra of sfGFP. The characteristic curve from the samsung galaxy S5 mini flash is also shown. The overlap from the different spektra show, it's possible to excite sfGFP with a smartphone flash.
+
<figcaption>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.
 
</figcaption>
 
</figcaption>
 
</figure>
 
</figure>
Line 52: Line 52:
  
  
<p> The next step was to create an dark environment. Therefore we did handicrafts to design a "black box". Now it was possible to take photos under same conditions and same background. </p>
+
<p> 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 same conditions and same background. </p>
  
 
<figure style="margin:auto; width: 300px">
 
<figure style="margin:auto; width: 300px">
Line 60: Line 60:
 
</figure
 
</figure
  
<h2> The filter combinitions </h2>
+
<h2> The filter combinations </h2>
<p> The groundwork is done. Now we had to find the ideal Filterkombination. So we made a lot of photos with the preselection in every combinition. After analyzing the photos with Fiji. The optimal filter combination was tokyo blue in front of the flash and twickenham green in front of the camera. </p>
+
<p> The groundwork is done. Now we had to find the ideal filter combination. So we made a lot of photos with the preselection in every combination. After analyzing the photos with Fiji, we determined the optimal filter combination to be tokyo blue in front of the flash and twickenham green in front of the camera. </p>
  
  
Line 67: Line 67:
 
<figure style="margin:auto; width: 400px">
 
<figure style="margin:auto; width: 400px">
 
<a href="https://static.igem.org/mediawiki/2015/5/57/Bielefeld-CeBiTec_optimal_filtercombination.png " data-lightbox="detection" data-title="Test of different filtercombinations. 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 filtercombinition. Tokyo blue in front of the flash and twickenham green in front of the camera"><img src="https://static.igem.org/mediawiki/2015/5/57/Bielefeld-CeBiTec_optimal_filtercombination.png" ></a>
 
<a href="https://static.igem.org/mediawiki/2015/5/57/Bielefeld-CeBiTec_optimal_filtercombination.png " data-lightbox="detection" data-title="Test of different filtercombinations. 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 filtercombinition. Tokyo blue in front of the flash and twickenham green in front of the camera"><img src="https://static.igem.org/mediawiki/2015/5/57/Bielefeld-CeBiTec_optimal_filtercombination.png" ></a>
<figcaption> Test of different filtercombinations. 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 filtercombinition. Tokyo blue in front of the flash and twickenham green in front of the camera
+
<figcaption> 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
 
</figcaption>
 
</figcaption>
 
</figure>
 
</figure>
 
+
<br>
<p> As you can see in the picture above it's really important to take the right filters. But is it only possible to photograph sfGFP and GFP? To find out, we tried to photograph monomeric red fluorescent protein (mRFP) Lysat. </p>
+
<p> As you can see in the picture above it is really important to choose the right filters. But is it only possible to photograph sfGFP and GFP? To find out, we tried to photograph monomeric red fluorescent protein (mRFP) lysate. </p>
  
 
<figure style="margin:auto; width: 400px">
 
<figure style="margin:auto; width: 400px">
Line 82: Line 82:
  
  
<p> So far so good. It works. But does it also works with small amongs of volume and on Paper? Therefore we toke filter paper and put the lysat on the paper and toke the photos. As you can see in the picture at the bottom, it is possible to photograph small amongs (5 µl) on Paper up to a 1:1 dilution. </p>
+
<p> So far so good. It works. But does it also works with small amounts of volume and on paper? Therefore we took filter paper and put the lysate on the paper and took the photos. As you can see in the picture at the bottom, it is possible to photograph small amounts (5 µl) on paper up to a 1:1 dilution. </p>
  
 
<figure style="margin:auto; width: 600px">
 
<figure style="margin:auto; width: 600px">
<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 among of lysat to the scrap of paper and photographed it with the different filter combinitions. The top photo is whithout any filter. The Picture in the middle was taken with the filter combinition 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 among of lysat to the scrap of paper and photographed it with the different filter combinitions. The top photo is whithout any filter. The Picture in the middle was taken with the filter combinition 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>
  
<p> Now we had to find out if we can photograph the fluorescence from the CFPS on Paper. So after a CFPS run on paper, we took the scrap of paper and took a photo from it. </p>
+
<p> Now we had to find out if we can photograph the fluorescence from the CFPS on paper. So after a CFPS run on paper, we took the scrap of paper and took a photo from it. </p>
  
 
<figure style="margin:auto; width: 600px">
 
<figure style="margin:auto; width: 600px">
Line 99: Line 99:
  
 
<h2> The 3D print </h2>
 
<h2> The 3D print </h2>
<p> Ok, the fluorescence detections works fine, but it's not really practicle to take the photo. The Filter have to be the right position direct in front of the camera respectively the flash. Also it has to be quite dark for nice 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 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>
  
 
<figure style="margin:auto; width: 600px">
 
<figure style="margin:auto; width: 600px">

Revision as of 19:25, 14 September 2015

iGEM Bielefeld 2015


Prototype Design

The first steps

In the beginning we wanted to test, if it could really work to photograph fluorescence with an smartphone. Therefore we got an light engineering filter from the "Frauenkulturzentrum Bielefeld e.V." and put it in front of the camera and the flash. You can see different colors in the picture. So in our first impression we thought it's worth to try some other filters.

The first filteretest 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. But 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 extincts sfGFP. The preselection was possible, because we had access to the light transmitting spectra of almost every filter.

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.
Lee color filter catalog

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 same conditions and same background.

The black box: tinkered to take photos under same conditions
The filter combinations

The groundwork is done. Now we had to find the ideal filter combination. So we made a lot of photos with the preselection in every combination. After analyzing the photos with Fiji, we determined the optimal filter combination to be tokyo blue in front of the flash and twickenham green 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

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

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.

Does it work on Paper?

So far so good. It works. But does it also works with small amounts of volume and on paper? Therefore we took filter paper and put the lysate on the paper and took the photos. As you can see in the picture at the bottom, it is possible to photograph small amounts (5 µl) on paper up to a 1:1 dilution.

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 had to find out if we can photograph the fluorescence from the CFPS on paper. So after a CFPS run on paper, we took the scrap of paper and took a photo from it.

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 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 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