Difference between revisions of "Team:SJTU-BioX-Shanghai/Analysis-cn"

Line 102: Line 102:
  
 
                                 <li class="nav-item">
 
                                 <li class="nav-item">
                                     <a class="nav-link" href="#section1">Introduction</a>
+
                                     <a class="nav-link" href="#section1">简介</a>
 
                                 </li>
 
                                 </li>
 
                                 <li class="nav-item">
 
                                 <li class="nav-item">
                                     <a class="nav-link" href="#section2">Operation</a>
+
                                     <a class="nav-link" href="#section2">操作描述</a>
 
                                 </li>
 
                                 </li>
 
                                 <li class="nav-item">
 
                                 <li class="nav-item">
                                     <a class="nav-link" href="#section3">Development</a>
+
                                     <a class="nav-link" href="#section3">开发过程</a>
 
                                 </li>
 
                                 </li>
 
                                 <li class="nav-item">
 
                                 <li class="nav-item">
                                     <a class="nav-link" href="#section4">Code</a>
+
                                     <a class="nav-link" href="#section4">代码工作</a>
 
                                 </li>
 
                                 </li>
 
                                 <li class="nav-item">
 
                                 <li class="nav-item">
                                     <a class="nav-link" href="#section5">Significance</a>
+
                                     <a class="nav-link" href="#section5">意义</a>
 
                                 </li>
 
                                 </li>
 
                             </nav>
 
                             </nav>
Line 120: Line 120:
 
                     </div>
 
                     </div>
 
                     <div class="col-12 col-lg-9">
 
                     <div class="col-12 col-lg-9">
                         <div class="my-title h5-my-responsive" id="section1">Introduction</div>
+
                         <div class="my-title h5-my-responsive" id="section1">简介</div>
                         <p><br/>In view of the high popularity of smartphones in modern society, we hope that the biology experiments can serve for more people by combining with a smartphone APP. In this process, the smartphone APP acts as the detector and analyzer. Based on the previous laboratory work, various types of heavy metal ions can be used to express different colors of chromoproteins, and the color depth is related to the concentration of ions. The smartphone APP analyses the color expressed by the chromoproteins to get the reactive ion concentration, and show the result to the user immediately. We use the biological reaction to detect the ion concentration accurately in the shortest time and in the most convenient way.</p>
+
                         <p><br/>考虑到当代社会手机普及率之高,我们希望通过手机APP来实现生物学实验成果的大众化。这一过程中,手机APP充当了检测器和分析器的角色。基于前期实验室的工作,多种类型重金属离子可以用来表达不同颜色的色素蛋白,并且颜色深浅与离子浓度有关。APP可以对色素蛋白所显示颜色进行分析,得出反应离子的浓度,并实时展示给使用者,以在最短的时间,以最方便的形式,使用生物学的反应准确检测出相应离子浓度。</p>
                         <div class="my-title h5-my-responsive" id="section2">Operation</div>
+
                         <div class="my-title h5-my-responsive" id="section2">操作描述</div>
                         <p><br/>The function of APP determines its operation flow. Obviously, the APP we want to develop has the function of a detector and analyzer, so it operates only two steps.</p>
+
                         <p><br/>APP的功能决定了它的操作流程。显然,我们开发的APP具备的功能是检测器和分析器,因此它的操作也只有两步:</p>
                         <p>1. To take photos or select photos<br/>2. To return the corresponding ion concentration.</p>
+
                         <p>1. 拍照或者选取照片;<br/>2. 返回相应离子浓度。</p>
                         <div class="my-title h5-my-responsive" id="section3">Development</div>
+
                         <div class="my-title h5-my-responsive" id="section3">开发过程</div>
                         <p><strong><br/>Stage Ⅰ:Exploring gray scale</strong></p>
+
                         <p><strong><br/>阶段一:灰度化探索</strong></p>
                         <p><br/>In order to quantify the color expression of chromoproteins, we need to convert color types and shades into corresponding mathematical values. No doubt, color space is the most appropriate way to quantify color.</p>
+
                         <p><br/>为了对色素蛋白所表达颜色量化分析,我们需要将颜色种类及深浅转化为相应数学值。无疑,颜色空间是最适宜进行量化颜色的方式。</p>
                         <p>Since RGB is a general hardware oriented color space, we choose it among HSV, HIS, CMY, RGB and many other color spaces. However, after the initial attempt, we found that when RGB quantifies color, the color is divided into three variables, which cannot be used to analyze the two-dimensional relationship between concentration and color. Therefore, we use the gray value obtained by RGB value transformation as a new quantization variable.</p>
+
                         <p>由于RGB是通用的面向硬件的颜色空间,因此我们从HSV、HIS、CMY、RGB等多种颜色空间中选择了RGB。然而初期尝试之后,我们发现RGB量化颜色时会将颜色分割为三个变量,这无法进行浓度-颜色二维关系的分析。于是,我们利用RGB值转化得到的灰度值作为新的量化变量。</p>
                         <p>On this basis, we complete the first version of APP, which provides users with an average gray value of a picture. We find a new problem when it is applied to the sample analysis in the laboratory. Because the reaction area exists only in a part of the photograph, the average gray value of the reaction region is actually doped with the influence of the superfluous region. In order to eliminate the influence of the superfluous region to the results, we add a new threshold control function.</p>
+
                         <p>在这一基础上,我们完成了第一个版本的APP,能够为使用者提供一张图片的平均灰度值。在我们将之应用于实验室的样品分析时发现了新的问题,反应区域只存在于所摄照片的一部分,这样得到的反应区域平均灰度值实际掺杂了多余区域的影响。为了消除这些多余区域对结果的影响,我们加入新的阈值控制的功能。</p>
                         <p>The principle of threshold control is as follows: the color background of the superfluous region is white, and the gray value is higher than that of the reaction region. After many experiments, in the similar experimental environment, the gray value of the superfluous region can be roughly determined, and the lower limit is set as the threshold value. When we analye the photos, it will be abandoned if the gray value of a point is greater than the threshold. Thus, we can filter out the reaction area, get a more accurate value of average gray. So far, we complete the first edition of APP development.</p>
+
                         <p>阈值控制的原理如下:多余区域的色彩背景为白色,灰度值相对于反应区域来说较高。在经过多次实验之后,在相似实验环境中,多余区域的灰度值可以大致确定范围,将之下限设定为阈值。对照片进行分析时,大于阈值的点将会被抛弃。由此,我们可以筛选出反应区域,得到较为准确的平均灰度值。至此,我们的第一版APP开发完成。</p>
  
                         <p><strong><br/>Stage Ⅱ:Single protein reaction system<br/></strong></p>
+
                         <p><strong><br/>阶段二:单蛋白反应体系<br/></strong></p>
                         <p><br/>After we are able to convert the color expressed by the chromoprotein to grayscale, we try to analyze and calculate the ion concentration in the single protein reaction system.</p>
+
                         <p><br/>当我们能够灰度化色素蛋白所表达颜色之后,我们开始尝试分析计算单蛋白反应体系中的离子浓度。</p>
                         <p>In order to determine the two-dimensional function relationship between ion concentration and gray value, we carry out the collection of laboratory related data. Because of the time crunch, we didn't get more data samples. According to the existing data, we infer that their function relationship is approximately linear (if we can collect more data, we can correct the result).<br/><br/></p>
+
                         <p>为了确定离子浓度与灰度值的二维函数关系,我们进行了实验室相关数据的采集。但是由于时间关系,我们并没有得到较多的数据样本。根据已得到的数据,我们推断他们的函数关系近似线性(如果能够采集更多数据,可对这一结果进行修正)。<br/><br/></p>
 
                         <div class="figure-intro">
 
                         <div class="figure-intro">
 
                             <img src="https://static.igem.org/mediawiki/2017/b/be/T--SJTU-BioX-Shanghai--17yy34.jpeg" class="img-fluid">
 
                             <img src="https://static.igem.org/mediawiki/2017/b/be/T--SJTU-BioX-Shanghai--17yy34.jpeg" class="img-fluid">
Line 172: Line 172:
 
                             <img src="https://static.igem.org/mediawiki/2017/8/8b/T--SJTU-BioX-Shanghai--17yy36.jpeg" class="img-fluid">
 
                             <img src="https://static.igem.org/mediawiki/2017/8/8b/T--SJTU-BioX-Shanghai--17yy36.jpeg" class="img-fluid">
 
                         </div>
 
                         </div>
                         <p><br/><br/>So, we come up with the following design idea.</p>
+
                         <p><br/><br/>于是,我们产生了如下的设计思路。</p>
                         <p>1. In the same experimental environment, the standard control group with known ionic concentration and the sample group with unknown ionic concentration are simultaneously reacted.<br/>2. APP is used to take pictures, and the gray values of all reaction areas are calculated.<br/>3. The function relation between gray value and ion concentration in standard control group is obtained by a fitting method.<br/>4. The gray value of the sample group is substituted into the above formula, and the ionic concentration of the sample group is obtained.<br/>5. The obtained ionic concentration is displayed to the user.</p>
+
                         <p>1. 在相同实验环境下,离子浓度已知的标准对照组和未知的样品组同时进行显色反应。<br/>2. 使用APP进行拍照,并求出所有反应区域的灰度值。<br/>3. 利用拟合的方法求出标准对照组灰度值与离子浓度之间的函数关系式。<br/>4. 将样品组得到的灰度值代入上述关系式,求出样品组离子浓度。<br/>将所求得的离子浓度展示给使用者。</p>
                         <p>Based on this idea, we complete the second versions of APP, which can provide the ionic concentration of a single protein reaction system for users in the stable experimental environment. At the same time, due to the requirements for the stability of the experimental environment in the calculation process, and light environment sensitivity of RGB color space, we generate an idea about the reaction box (see more in <a target="_blank"
+
                         <p>基于这一思路,我们完成了第二个版本的APP,能够在稳定实验环境下为使用者提供单蛋白反应体系的离子浓度。同时,由于这一计算过程对于稳定实验环境的要求,以及RGB颜色空间本身对光照环境的敏感性,我们衍生出了制作反应盒的思路 (详情参阅 <a target="_blank"
                                 href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Detector">here</a>). Further thinking about the box, there is no effect on the calculation of the average gray value of the reaction region, because the total gray scale of the environment is approximate and the area is the same. Thus, we gave up the threshold control which is used to screen the reaction region. The second edition of APP has been perfected.</p>
+
                                 href="2017.igem.org/Team:SJTU-BioX-Shanghai/Detector-cn">检测装置</a>部分). 在盒子的思路上进一步思考,由于对于盒子中反应的多个区域来说,环境总灰度大小近似,面积相同,因此对于反应区域平均灰度值的计算不存在影响。于是,我们将阶段一中所采取的阈值控制以筛选反应区域的操作放弃了。第二版的APP至此得以完善。</p>
 
                         <div class="figure-intro">
 
                         <div class="figure-intro">
 
                             <img src="https://static.igem.org/mediawiki/2017/7/72/T--SJTU-BioX-Shanghai--17z01.png" class="img-fluid">
 
                             <img src="https://static.igem.org/mediawiki/2017/7/72/T--SJTU-BioX-Shanghai--17z01.png" class="img-fluid">
Line 182: Line 182:
 
                             <img src="https://static.igem.org/mediawiki/2017/e/e8/T--SJTU-BioX-Shanghai--17413.png" class="img-fluid">
 
                             <img src="https://static.igem.org/mediawiki/2017/e/e8/T--SJTU-BioX-Shanghai--17413.png" class="img-fluid">
 
                         </div>
 
                         </div>
                         <p><strong><br/><br/>Stage Ⅲ:Double protein reaction system<br/></strong></p>
+
                         <p><strong><br/><br/>阶段三:双蛋白反应体系<br/></strong></p>
                         <p><br/>On the basis of the design idea of single protein reaction system, we explore the double protein reaction system.</p>
+
                         <p><br/>在单蛋白反应体系设计思路的基础上,我们进行了双蛋白反应体系的探索。</p>
                         <p>As the ionic species increase, the variable increase from one to two, so the corresponding concentration-color function relationship also increase to three dimensions. Similar to the determination of the functional relationships in single protein reaction systems, we need a lot of data to build three-dimensional functional models. However, because we don't get enough laboratory data, we have to give up the idea. This does not mean that the idea of using APP to calculate ionic concentration is wrong, which is explained in detail in the improvement of the double protein reaction system. Because of the limitations of analyzing data in APP, we use MATLAB at the PC end to process and analyze the data of the double protein reaction system. See <a target="_blank"
+
                         <p>由于离子种类的增加,变量由一个增加为两个,相应浓度-颜色函数关系也有二维增加为三维。类似于单蛋白反应体系函数关系的确定,我们需要大量数据来构建三维函数模型。但是,由于没能获取足够的实验室数据,我们只好放弃这一想法。但是,这并不能代表利用APP来计算离子浓度这一思路是错误的,在对于双蛋白反应体系的改进设想中有详细说明。由于在APP中分析数据的种种局限性,我们转而使用PC端的Matlab来进行双蛋白反应体系数据的处理和分析(详情参阅 <a target="_blank"
                                 href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Color_Chart">here</a> for more details.
+
                                 href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Color_Chart">色彩图表</a>部分)。
 
</p>
 
</p>
                         <div class="my-title h5-my-responsive" id="section4">Code</div>
+
                         <div class="my-title h5-my-responsive" id="section4">代码工作</div>
                         <p><br/>This part is the specific code to achieve the above ideas, please refer to the source code on <a target="_blank"
+
                         <p><br/>这一部分是实现上述思路的具体代码,请参考 <a target="_blank"
                                 href="https://github.com/Z-NAVY/SJTU-BioX-ShangHai-2017">here(GitHub)</a>. The following three points are important components of code:</p>
+
                                 href="https://github.com/Z-NAVY/SJTU-BioX-ShangHai-2017">GitHub</a>上的源码。下面五点是代码部分的主要组成:</p>
                         <p>1. Taking photos and selecting photos freely<br/>2. Calculation of RGB value and gray value<br/>3. Threshold control to filter reaction region<br>4. Image segmentation based on reaction region5>Calculation of standard function in single protein</p>
+
                         <p>1. 拍照及自由选取照片;<br/>2. 求取RGB值及灰度值计算;<br/>3. 阈值控制筛选反应区域;<br>4. 基于反应区域的图像分割;<br/>5. 单蛋白标准函数求取。</p>
                         <div class="my-title h5-my-responsive" id="section5">Significance</div>
+
                         <div class="my-title h5-my-responsive" id="section5">意义</div>
                         <p><br/>This color analysis process is not only applicable to the work of our team, and it can be widely used as reference by future teams. Compared with laboratory biological experiments, APP and the portable reaction containers allow non-professionals to feel the charm of biological experiments in the fastest and most accurate way, which is of great significance to biological workers. And similar design ideas will speed up the advent of personalized medical era.</p>
+
                         <p><br/>这一颜色分析流程并不仅适用于我们团队的工作,它可以被今后的队伍广泛地借鉴和参考。比起实验室中的生物实验,APP与便携式反应容器能让非专业人士以最快最准的方式感受到生物实验的魅力,这对生物工作者具有重要意义。而类似这样的设计思路,会加快个性化医疗时代的来临。</p>
 
                     </div>
 
                     </div>
  

Revision as of 11:27, 28 November 2017

分析装置
简介


考虑到当代社会手机普及率之高,我们希望通过手机APP来实现生物学实验成果的大众化。这一过程中,手机APP充当了检测器和分析器的角色。基于前期实验室的工作,多种类型重金属离子可以用来表达不同颜色的色素蛋白,并且颜色深浅与离子浓度有关。APP可以对色素蛋白所显示颜色进行分析,得出反应离子的浓度,并实时展示给使用者,以在最短的时间,以最方便的形式,使用生物学的反应准确检测出相应离子浓度。

操作描述


APP的功能决定了它的操作流程。显然,我们开发的APP具备的功能是检测器和分析器,因此它的操作也只有两步:

1. 拍照或者选取照片;
2. 返回相应离子浓度。

开发过程


阶段一:灰度化探索


为了对色素蛋白所表达颜色量化分析,我们需要将颜色种类及深浅转化为相应数学值。无疑,颜色空间是最适宜进行量化颜色的方式。

由于RGB是通用的面向硬件的颜色空间,因此我们从HSV、HIS、CMY、RGB等多种颜色空间中选择了RGB。然而初期尝试之后,我们发现RGB量化颜色时会将颜色分割为三个变量,这无法进行浓度-颜色二维关系的分析。于是,我们利用RGB值转化得到的灰度值作为新的量化变量。

在这一基础上,我们完成了第一个版本的APP,能够为使用者提供一张图片的平均灰度值。在我们将之应用于实验室的样品分析时发现了新的问题,反应区域只存在于所摄照片的一部分,这样得到的反应区域平均灰度值实际掺杂了多余区域的影响。为了消除这些多余区域对结果的影响,我们加入新的阈值控制的功能。

阈值控制的原理如下:多余区域的色彩背景为白色,灰度值相对于反应区域来说较高。在经过多次实验之后,在相似实验环境中,多余区域的灰度值可以大致确定范围,将之下限设定为阈值。对照片进行分析时,大于阈值的点将会被抛弃。由此,我们可以筛选出反应区域,得到较为准确的平均灰度值。至此,我们的第一版APP开发完成。


阶段二:单蛋白反应体系


当我们能够灰度化色素蛋白所表达颜色之后,我们开始尝试分析计算单蛋白反应体系中的离子浓度。

为了确定离子浓度与灰度值的二维函数关系,我们进行了实验室相关数据的采集。但是由于时间关系,我们并没有得到较多的数据样本。根据已得到的数据,我们推断他们的函数关系近似线性(如果能够采集更多数据,可对这一结果进行修正)。

Concentration ratio 1 1/2 1/4 1/8 1/16 1/32
Statistics from app analysis 76 82 102 123 125 Unable to distinguish



于是,我们产生了如下的设计思路。

1. 在相同实验环境下,离子浓度已知的标准对照组和未知的样品组同时进行显色反应。
2. 使用APP进行拍照,并求出所有反应区域的灰度值。
3. 利用拟合的方法求出标准对照组灰度值与离子浓度之间的函数关系式。
4. 将样品组得到的灰度值代入上述关系式,求出样品组离子浓度。
将所求得的离子浓度展示给使用者。

基于这一思路,我们完成了第二个版本的APP,能够在稳定实验环境下为使用者提供单蛋白反应体系的离子浓度。同时,由于这一计算过程对于稳定实验环境的要求,以及RGB颜色空间本身对光照环境的敏感性,我们衍生出了制作反应盒的思路 (详情参阅 检测装置部分). 在盒子的思路上进一步思考,由于对于盒子中反应的多个区域来说,环境总灰度大小近似,面积相同,因此对于反应区域平均灰度值的计算不存在影响。于是,我们将阶段一中所采取的阈值控制以筛选反应区域的操作放弃了。第二版的APP至此得以完善。



阶段三:双蛋白反应体系


在单蛋白反应体系设计思路的基础上,我们进行了双蛋白反应体系的探索。

由于离子种类的增加,变量由一个增加为两个,相应浓度-颜色函数关系也有二维增加为三维。类似于单蛋白反应体系函数关系的确定,我们需要大量数据来构建三维函数模型。但是,由于没能获取足够的实验室数据,我们只好放弃这一想法。但是,这并不能代表利用APP来计算离子浓度这一思路是错误的,在对于双蛋白反应体系的改进设想中有详细说明。由于在APP中分析数据的种种局限性,我们转而使用PC端的Matlab来进行双蛋白反应体系数据的处理和分析(详情参阅 色彩图表部分)。

代码工作


这一部分是实现上述思路的具体代码,请参考 GitHub上的源码。下面五点是代码部分的主要组成:

1. 拍照及自由选取照片;
2. 求取RGB值及灰度值计算;
3. 阈值控制筛选反应区域;
4. 基于反应区域的图像分割;
5. 单蛋白标准函数求取。

意义


这一颜色分析流程并不仅适用于我们团队的工作,它可以被今后的队伍广泛地借鉴和参考。比起实验室中的生物实验,APP与便携式反应容器能让非专业人士以最快最准的方式感受到生物实验的魅力,这对生物工作者具有重要意义。而类似这样的设计思路,会加快个性化医疗时代的来临。