Difference between revisions of "Team:Lambert GA/Software"

 
(47 intermediate revisions by 2 users not shown)
Line 88: Line 88:
 
#MainTitle {
 
#MainTitle {
 
padding-top: 50px;
 
padding-top: 50px;
padding-bottom: 7px;
+
padding-bottom: 20px;
 
font-size: 45px;
 
font-size: 45px;
 
color: #D49AE6; }
 
color: #D49AE6; }
Line 337: Line 337:
 
       <a href="https://2017.igem.org/Team:Lambert_GA/Part Collection" class="dropbtn">Parts</a>
 
       <a href="https://2017.igem.org/Team:Lambert_GA/Part Collection" class="dropbtn">Parts</a>
 
       <div class="dropdown-content">
 
       <div class="dropdown-content">
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Part Collection">Part_Collection</a>
+
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Part Collection">Part Collection</a>
 
       <a class="drplink" style="transition: color 0.5s ease-in-out;"  
 
       <a class="drplink" style="transition: color 0.5s ease-in-out;"  
 
href="https://2017.igem.org/Team:Lambert_GA/Updated_Part">Updated Parts</a>
 
href="https://2017.igem.org/Team:Lambert_GA/Updated_Part">Updated Parts</a>
Line 346: Line 346:
 
--><a  href="https://2017.igem.org/Team:Lambert_GA/Safety"class="dropbtn">Safety</a><!--
 
--><a  href="https://2017.igem.org/Team:Lambert_GA/Safety"class="dropbtn">Safety</a><!--
 
--><li class="dropdown" >
 
--><li class="dropdown" >
       <a href="https://2017.igem.org/Team:Lambert_GA/Human_Practices" class="dropbtn">Human Practices</a>
+
       <a href="https://2017.igem.org/Team:Lambert_GA/HP/Silver" class="dropbtn">Human Practices</a>
 
       <div class="dropdown-content">
 
       <div class="dropdown-content">
 
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/HP/Silver">Silver HP</a>
 
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/HP/Silver">Silver HP</a>
 
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/HP/Gold_Integrated">Integrated and Gold</a>
 
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/HP/Gold_Integrated">Integrated and Gold</a>
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Integrated_Practices">Integrated Practices</a>
 
 
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Engagement">Public Engagement</a>
 
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Engagement">Public Engagement</a>
 
     </div>
 
     </div>
Line 359: Line 358:
 
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Applied_Design">Applied Design</a>
 
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Applied_Design">Applied Design</a>
 
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Hardware">Hardware</a>
 
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Hardware">Hardware</a>
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Measurement">Measurement</a>
 
 
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Model">Model</a>
 
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Model">Model</a>
 
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Software">Software</a>
 
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Software">Software</a>
Line 378: Line 376:
 
<br><br>
 
<br><br>
 
<center> <h1 id="MainTitle"><b>Software </b></h1><img src="https://static.igem.org/mediawiki/2017/b/bc/T--Lambert_GA--purpleline.png" style="width:18%; margin:auto;"> </center> <br>
 
<center> <h1 id="MainTitle"><b>Software </b></h1><img src="https://static.igem.org/mediawiki/2017/b/bc/T--Lambert_GA--purpleline.png" style="width:18%; margin:auto;"> </center> <br>
 +
<p style="font-size:20px;">
 +
<center><h3 style="color: #D49AE6;">Chrome-Q App</h3></center>
 +
<p style=" font-size: 20px;">Chrome-Q is a Xamarin C# app created in Microsoft Visual Studio 2017 Community Edition. The app was developed for mobile Android devices and will soon be available for iOS devices. A photo is taken (within the app) of the Chrome-Q dome target base (that contains the rows of samples in triplicate). The app finds the samples in the photo by looking for low luminance values compared to the high luminance values in the white background. Then, the app finds the average hue and luminance for each sample by averaging the RGB values for all of the pixels in the circular sample. It groups the samples into rows by comparing their vertical locations in the photo. After grouping into rows, it calculates the average RGB values for the entire row to generate an average hue and luminance for the triplicate. The average hue and luminance are utilized to calculate the standard deviation of the triplicate. By looking at the standard deviation, it was determined that the hue values were most consistent in the triplicate. These values can then be used to compare relative levels of degradation between the different constructs (tsPurple, tsPurpleDAS, and tsPurpleLAA).
 +
</p>
 +
<center>
 +
<br><br>
 +
<img src="https://static.igem.org/mediawiki/2017/1/1c/Appfindingcircles.jpeg" style="width:450px; margin:auto;">
 +
<br><br>
 +
<i style="font-size: 14px; color: white;"> Chromoprotein samples in the Chrome-Q well plate and the Chrome-Q app recognizing the colors (represented by the green dots) </i>
 +
<br><br>
 +
<img src="https://static.igem.org/mediawiki/2017/b/bb/Newtspurplechart.png" style="width:450px; margin:auto;">
 +
<br><br>
 +
<i style="font-size: 14px; color: white;"> Data gathered on tsPurple samples using the Chrome-Q model and app </i>
 +
<br><br>
 +
<img src="https://static.igem.org/mediawiki/2017/1/11/Updatedhuetspurplechart.png" style="width:450px; margin:auto;">
 +
<br><br>
 +
<i style="font-size: 14px; color: white;"> The hue values of tsPurple at different levels of IPTG induction </i>
 +
<br>
 +
<p style=" font-size: 20px;"> Important Note: Hues values range from 0 to 360 degrees. The hue values in the samples begin at around 270 degrees (purple) and increase through 360 degrees. The hues value 0 uL IPTG concentration wraps around to a low hue value of around 40 degrees. To process these hues, 360 degrees were added to values less than 180 degrees, which is why some values are greater than 360. </p>
 +
<br><br>
 +
<img src="https://static.igem.org/mediawiki/2017/a/a0/%25purplechart.png" style="width:450px; margin:auto;">
 +
<br><br>
 +
<i style="font-size: 14px; color: white;"> The % purple of tsPurple samples at different levels of IPTG induction </i>
 +
<br><br>
 +
<img src="https://static.igem.org/mediawiki/2017/6/62/Notjankychromeqpic.jpeg" style="width:450px; margin:auto;">
 +
<br><br>
 +
<i style="font-size: 14px; color: white;"> Team member Emily Gibson using the Chrome-Q system </i>
 +
<br><br><br>
 +
<center> <h2>  References </h2> </center>
 +
<p>Dhakar, L. (n.d.). Image Color Picker (Z. A., Ed.). Retrieved October 10, 2017, from
 +
http://www.colorcodepicker.com/
 +
<br><br>
 +
Purple color codes. (n.d.). Retrieved October 10, 2017, from
 +
http://www.rapidtables.com/web/color/purple-color.htm
 +
<br><br>
 +
RGB Color Gradient Maker. (n.d.). Retrieved October 10, 2017, from http://www.perbang.dk/rgbgradient/
 +
<br><br>
 +
Tamura, K., Shimada, T., Ono, E., Tanaka, Y., Nagatani, A., Higashi, S., . . . Hara-Nishimura, I. (2003,
 +
September). Why green fluorescent fusion proteins have not been observed in the vacuoles of
 +
higher plants. The Plant Journal, 35(4), 545-555. doi:10.1046/j.1365-313X.2003.01822.x
 +
</p>
 +
 +
 +
</center>
 +
</p>
 
<div id="sponsors-bottom">
 
<div id="sponsors-bottom">
  

Latest revision as of 17:17, 12 December 2017



Software


Chrome-Q App

Chrome-Q is a Xamarin C# app created in Microsoft Visual Studio 2017 Community Edition. The app was developed for mobile Android devices and will soon be available for iOS devices. A photo is taken (within the app) of the Chrome-Q dome target base (that contains the rows of samples in triplicate). The app finds the samples in the photo by looking for low luminance values compared to the high luminance values in the white background. Then, the app finds the average hue and luminance for each sample by averaging the RGB values for all of the pixels in the circular sample. It groups the samples into rows by comparing their vertical locations in the photo. After grouping into rows, it calculates the average RGB values for the entire row to generate an average hue and luminance for the triplicate. The average hue and luminance are utilized to calculate the standard deviation of the triplicate. By looking at the standard deviation, it was determined that the hue values were most consistent in the triplicate. These values can then be used to compare relative levels of degradation between the different constructs (tsPurple, tsPurpleDAS, and tsPurpleLAA).





Chromoprotein samples in the Chrome-Q well plate and the Chrome-Q app recognizing the colors (represented by the green dots)



Data gathered on tsPurple samples using the Chrome-Q model and app



The hue values of tsPurple at different levels of IPTG induction

Important Note: Hues values range from 0 to 360 degrees. The hue values in the samples begin at around 270 degrees (purple) and increase through 360 degrees. The hues value 0 uL IPTG concentration wraps around to a low hue value of around 40 degrees. To process these hues, 360 degrees were added to values less than 180 degrees, which is why some values are greater than 360.





The % purple of tsPurple samples at different levels of IPTG induction



Team member Emily Gibson using the Chrome-Q system


References

Dhakar, L. (n.d.). Image Color Picker (Z. A., Ed.). Retrieved October 10, 2017, from http://www.colorcodepicker.com/

Purple color codes. (n.d.). Retrieved October 10, 2017, from http://www.rapidtables.com/web/color/purple-color.htm

RGB Color Gradient Maker. (n.d.). Retrieved October 10, 2017, from http://www.perbang.dk/rgbgradient/

Tamura, K., Shimada, T., Ono, E., Tanaka, Y., Nagatani, A., Higashi, S., . . . Hara-Nishimura, I. (2003, September). Why green fluorescent fusion proteins have not been observed in the vacuoles of higher plants. The Plant Journal, 35(4), 545-555. doi:10.1046/j.1365-313X.2003.01822.x