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

Line 102: Line 102:
  
 
                                 <li class="nav-item">
 
                                 <li class="nav-item">
                                     <a class="nav-link" href="#section1">Improved motivation</a>
+
                                     <a class="nav-link" href="#section1">改进动机</a>
 
                                 </li>
 
                                 </li>
 
                                 <li class="nav-item">
 
                                 <li class="nav-item">
                                     <a class="nav-link" href="#section2">Applicable conditions after improvement</a>
+
                                     <a class="nav-link" href="#section2">改进后的适用条件</a>
 
                                 </li>
 
                                 </li>
 
                                 <li class="nav-item">
 
                                 <li class="nav-item">
                                     <a class="nav-link" href="#section3">Design and manufacture of reaction card</a>
+
                                     <a class="nav-link" href="#section3">反应卡的设计制作</a>
 
                                 </li>
 
                                 </li>
 
                                 <li class="nav-item">
 
                                 <li class="nav-item">
                                     <a class="nav-link" href="#section4">Improvement of reaction box and APP</a>
+
                                     <a class="nav-link" href="#section4">反应盒和APP的适应性改进</a>
 
                                 </li>
 
                                 </li>
 
                                 <li class="nav-item">
 
                                 <li class="nav-item">
                                     <a class="nav-link" href="#section5">workflow</a>
+
                                     <a class="nav-link" href="#section5">工作流程</a>
 
                                 </li>
 
                                 </li>
 
                                 <li class="nav-item">
 
                                 <li class="nav-item">
                                     <a class="nav-link" href="#section6">Further assumptions</a>
+
                                     <a class="nav-link" href="#section6">更进一步的设想</a>
 
                                 </li>
 
                                 </li>
 
                             </nav>
 
                             </nav>
Line 123: Line 123:
 
                     </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">Improved motivation</div>
+
                         <div class="my-title h5-my-responsive" id="section1">改进动机</div>
                         <p>Due to the tight time, there are many problems in the original double protein reaction system. These problems mainly include:</p>
+
                         <p>由于时间仓促,原有双蛋白反应体系存在诸多问题。这些问题主要包括:</p>
  
                         <p>Data processing equipment: it use PC end to process data. Although you can use the server for data transmission, but it is contrary to the original intention of APP processing data.</p>
+
                         <p>处理数据的设备:使用PC端来处理数据,虽然可以利用服务器进行数据回传,但毕竟违背APP处理数据的初衷。</p>
  
                         <p>The design of the original box is unreasonable: the original box relies too much on the smartphone model; the impact of the distance between the reaction area and the light source  or  the camera on imaging is not considered.</p>
+
                         <p>原有盒子设计的不合理:原盒子对于手机机型限制过大;未考虑到反应区域与摄像头及光源远近对成像的影响。</p>
  
                         <p>The influence of data volume on the accuracy of results: the amount of data in the original double protein reaction system is too small, which will affect the accuracy of the results.
+
                         <p>数据量对于结果准确性的影响:采用原双蛋白反应体系,数据量太少,会影响结果准确性。</p>
</p>
+
                         <div class="my-title h5-my-responsive" id="section2">改进后的适用条件:</div>
                         <div class="my-title h5-my-responsive" id="section2">Applicable conditions after improvement</div>
+
                         <p>双离子导致双蛋白表达的反应体系趋于成熟稳定;</p>
                         <p>The reaction system of double ionic induced double protein expression tends to be mature and stable;</p>
+
  
                         <p>A team can perform large-scale accurate data collection;</p>
+
                         <p>有能力进行大规模精确数据收集的团队;</p>
  
                         <p>Commercial success of complete project.</p>
+
                         <p>项目成功地商业化。</p>
                         <div class="my-title h5-my-responsive" id="section3">Design and manufacture of reaction card</div>
+
                         <div class="my-title h5-my-responsive" id="section3">反应卡的制作及设计</div>
                         <p>The reacted card is shown in the following figure. The mixed color card is on the left. The two ions are mixed at different concentrations, and then induced two proteins expression that produces many mixed colors. A large number of experimental data about the mixed colors  can be drawn a color gradient cards, which is called the mixed color card, a part of the reacted card. The location of the point on the card corresponds to the concentration of the two ions when the mixed color is the same as the color of a point. The bacteria is placed in the green area, which is the reaction area. It is conducive to commercial applications. The reaction card can be produced rapidly and without additional standard reaction area which saves the cost. Moreover, the same box can be used many times. At the same time, each detection will photograph mixed color card again, which eliminates the impact of many external factors on the accuracy of the analysis, including light and card materials and other factors.<br/></p>
+
                         <p>反应卡如下图所示。左边是混色卡。两种离子不同浓度下混合,然后表达为两种蛋白会产生混合色。大量的混合色实验数据绘制就可以得到一张色彩渐变的卡片,也即反应卡的一部分——混色卡。卡片上每一个点处的位置对应于混合色为该点处颜色时两种离子的各自浓度。绿色区域放置菌样,也即反应区域。这样做的好处是利于商业化应用。反应卡可以迅速大量生产,且无需额外的标准反应区域也节约了成本。另外,也使同一盒子可以进行多次检测。同时,每一次检测都会再次拍摄混合色卡,这消除了光和卡片材料等外界因素对分析精度的影响。<br/></p>
 
                         <div class="figure-intro">
 
                         <div class="figure-intro">
 
                             <img src="https://static.igem.org/mediawiki/2017/e/ec/T--SJTU-BioX-Shanghai--17z40.png" class="img-fluid">
 
                             <img src="https://static.igem.org/mediawiki/2017/e/ec/T--SJTU-BioX-Shanghai--17z40.png" class="img-fluid">
 
                         </div>
 
                         </div>
                         <div class="my-title h5-my-responsive" id="section4">Improvement of reaction box and APP</div>
+
                         <div class="my-title h5-my-responsive" id="section4">反应盒和APP的适应性改进</div>
                         <p>The hole position of the box is changed from the corner to the middle, which has three benefits: </p>
+
                         <p>盒子的开孔位置由边角换到中间,这样做有三点益处:</p>
                         <p>it reduces the impact  of the distance between the reaction area and the light sourse  or  the camera on imaging;</p>
+
                         <p>减少反应区域与摄像头及光源远近对成像的影响;</p>
                         <p>it can be applied to all kinds of smartphones;</p>
+
                         <p>可以适用于一切机型;</p>
                         <p>It enhances the tightness of the box and reduces the influence of the external light source on the photograph.</p>
+
                         <p>增强了盒子的密封性,减少了外界光源对拍照的影响。</p>
                         <p>But it also poses a problem that the area is photographed becomes inaccurate. Thus, APP is improved, which adds a cross at the interface center during the filming of APP.</p>
+
                         <p>但这样做也会带来一个问题,拍摄的的区域会变得不准确。于是,对APP进行了改进。在APP的拍摄界面中心处增加一个十字的准星。</p>
                         <p>At the same time, the center of the reaction card is also increased a cross (The Green Cross shown above). If the two cross is coincident, the area is photographed is correct.</p>
+
                         <p>同时,在反应卡中心位置处也增加一准星(图中绿色十字)。拍摄时,若两准星重合,则说明拍摄区域正确。</p>
                         <div class="my-title h5-my-responsive" id="section5">workflow</div>
+
                         <div class="my-title h5-my-responsive" id="section5">工作流程</div>
                         <p>The user takes photos after the sample is fully reacted in the reaction area. The color information of the two areas is obtained after taking photos. The RGB value of the reaction region and the RGB value of the color mixing region are compared to get the position of the corresponding color point on the reaction card, so as to obtain two ionic concentrations respectively.</p>
+
                         <p>使用者在将样品加入反应区域充分反应后,进行拍照。拍照后得到两个区域的色彩信息,,然后将反应区域RGB值与混色区域RGB值进行比对,找到相应的颜色点的位置在反应卡上的位置,从而分别得出两种离子浓度。</p>
                         <div class="my-title h5-my-responsive" id="section6">Further assumptions</div>
+
                         <div class="my-title h5-my-responsive" id="section6">更进一步的设想</div>
                         <p>Brevity is the most beautiful thing! In the above design, it can be further simplified. The figure is as follows. The middle region is a reaction region, and the annular region is for calibration. The mixed color card can be cancelled and the corresponding data is stored directly in the APP, while the calibration area is used to eliminate the impact of many external factors on the accuracy of the analysis, including light and card materials and other factors. The principle of the calibration area is similar to the calibration principle of the blank liquid of the spectrophotometer. The white calibration area is used to adjust the mixed color data stored in the APP. The rest principle and operation are the same as before.<br/></p>
+
                         <p>简洁唯美!在上述的设想中,相关的设计还可以做更进一步的简化。设计图如下。中间的区域为反应区域,其周边圆环区域为校准区。在前述设想中的混色卡可以将之取消,对应数据直接存储于APP中,而校准区则用以消除了光和卡片材料等外界因素对分析精度的影响。校准区的工作原理类似吸光光度仪的空白液校准原理,利用白色的校准区来对APP中存储的混色数据进行调整。其余原理及操作与前述相同。<br/></p>
 
                         <div class="figure-intro">
 
                         <div class="figure-intro">
 
                             <img src="https://static.igem.org/mediawiki/2017/a/aa/T--SJTU-BioX-Shanghai--17z042.png" class="img-fluid">
 
                             <img src="https://static.igem.org/mediawiki/2017/a/aa/T--SJTU-BioX-Shanghai--17z042.png" class="img-fluid">

Revision as of 11:48, 28 November 2017

改进
改进动机

由于时间仓促,原有双蛋白反应体系存在诸多问题。这些问题主要包括:

处理数据的设备:使用PC端来处理数据,虽然可以利用服务器进行数据回传,但毕竟违背APP处理数据的初衷。

原有盒子设计的不合理:原盒子对于手机机型限制过大;未考虑到反应区域与摄像头及光源远近对成像的影响。

数据量对于结果准确性的影响:采用原双蛋白反应体系,数据量太少,会影响结果准确性。

改进后的适用条件:

双离子导致双蛋白表达的反应体系趋于成熟稳定;

有能力进行大规模精确数据收集的团队;

项目成功地商业化。

反应卡的制作及设计

反应卡如下图所示。左边是混色卡。两种离子不同浓度下混合,然后表达为两种蛋白会产生混合色。大量的混合色实验数据绘制就可以得到一张色彩渐变的卡片,也即反应卡的一部分——混色卡。卡片上每一个点处的位置对应于混合色为该点处颜色时两种离子的各自浓度。绿色区域放置菌样,也即反应区域。这样做的好处是利于商业化应用。反应卡可以迅速大量生产,且无需额外的标准反应区域也节约了成本。另外,也使同一盒子可以进行多次检测。同时,每一次检测都会再次拍摄混合色卡,这消除了光和卡片材料等外界因素对分析精度的影响。

反应盒和APP的适应性改进

盒子的开孔位置由边角换到中间,这样做有三点益处:

减少反应区域与摄像头及光源远近对成像的影响;

可以适用于一切机型;

增强了盒子的密封性,减少了外界光源对拍照的影响。

但这样做也会带来一个问题,拍摄的的区域会变得不准确。于是,对APP进行了改进。在APP的拍摄界面中心处增加一个十字的准星。

同时,在反应卡中心位置处也增加一准星(图中绿色十字)。拍摄时,若两准星重合,则说明拍摄区域正确。

工作流程

使用者在将样品加入反应区域充分反应后,进行拍照。拍照后得到两个区域的色彩信息,,然后将反应区域RGB值与混色区域RGB值进行比对,找到相应的颜色点的位置在反应卡上的位置,从而分别得出两种离子浓度。

更进一步的设想

简洁唯美!在上述的设想中,相关的设计还可以做更进一步的简化。设计图如下。中间的区域为反应区域,其周边圆环区域为校准区。在前述设想中的混色卡可以将之取消,对应数据直接存储于APP中,而校准区则用以消除了光和卡片材料等外界因素对分析精度的影响。校准区的工作原理类似吸光光度仪的空白液校准原理,利用白色的校准区来对APP中存储的混色数据进行调整。其余原理及操作与前述相同。