|
|
Line 362: |
Line 362: |
| <div align="center"> | | <div align="center"> |
| <img src="https://static.igem.org/mediawiki/2018/d/dd/T--Peking--Namerule.png"><br/> | | <img src="https://static.igem.org/mediawiki/2018/d/dd/T--Peking--Namerule.png"><br/> |
− | <p>Figure. 2 The GUI of naming rules manager</p> | + | <p><div align="center">Figure. 2 The GUI of naming rules manager</div></p> |
| </div> | | </div> |
| <br/><br/> | | <br/><br/> |
Line 377: |
Line 377: |
| | | |
| <div class="content"> | | <div class="content"> |
− | <p>After solving the problem of obtaining the files, we can now address their processing.The most important difference between fluorescence microscope images and ordinary photographs is the channel function. We needed to contrast different fluorescence channels to assess the result. However, exporting a great number of large images can be exceedingly time-consuming. Thus, if we can merge the channels or convert the images to grayscale after cropping, we will save much time. Thus, we added the functions of <b>merging</b> and <b>grayscale conversion</b> to our software first.<a href="https://static.igem.org/mediawiki/2018/3/32/T--Peking--Users_manual.pdf"> Please refer to the user manuals for more details.</a> </p> | + | <p>After solving the problem of obtaining the files, we can now address their processing.The most important difference between fluorescence microscope images and ordinary photographs is the channel function. We needed to contrast different fluorescence channels to assess the result. However, exporting a great number of large images can be exceedingly time-consuming. Thus, if we can merge the channels or convert the images to grayscale after cropping, we will save much time. Thus, we added the functions of <b>merging</b> and <b>grayscale conversion</b> (Fig. 3)to our software first.<a href="https://static.igem.org/mediawiki/2018/3/32/T--Peking--Users_manual.pdf"> Please refer to the user manuals for more details.</a> </p> |
| <br/><br/> | | <br/><br/> |
| <div align="center"><img src="https://static.igem.org/mediawiki/2018/e/eb/T--Peking--GrayS.png" width="150 px" heigth="150 px"> | | <div align="center"><img src="https://static.igem.org/mediawiki/2018/e/eb/T--Peking--GrayS.png" width="150 px" heigth="150 px"> |
| <img src="https://static.igem.org/mediawiki/2018/4/49/T--Peking--GrayG.png"width="150 px" heigth="150 px"></div> | | <img src="https://static.igem.org/mediawiki/2018/4/49/T--Peking--GrayG.png"width="150 px" heigth="150 px"></div> |
| <br/><br/> | | <br/><br/> |
− | | + | <p><div align="center">Figure. 3 The images before and after grayscale conversion</div></p> |
| </div> | | </div> |
| </div> | | </div> |
Line 393: |
Line 393: |
| | | |
| <div class="content"> | | <div class="content"> |
− | <p>In living organisms, if we want to show dynamic processes using video recordings, we will need to fuse the images in the correct order to make a video. We therefore wrote functions to <b>export video</b> by time or by z axis. <a href="https://static.igem.org/mediawiki/2018/3/32/T--Peking--Users_manual.pdf"> Please refer to the user manuals for more details.</a> </p> | + | <p>In living organisms, if we want to show dynamic processes using video recordings, we will need to fuse the images in the correct order to make a video. We therefore wrote functions to <b>export video</b> by time or by z axis.(Fig. 4) <a href="https://static.igem.org/mediawiki/2018/3/32/T--Peking--Users_manual.pdf"> Please refer to the user manuals for more details.</a> </p> |
| <br/><br/> | | <br/><br/> |
| <div align="center"> | | <div align="center"> |
| <img src="https://static.igem.org/mediawiki/2018/7/77/T--Peking--video.png" width="300px" height="200 px"> | | <img src="https://static.igem.org/mediawiki/2018/7/77/T--Peking--video.png" width="300px" height="200 px"> |
− | <br/>
| |
| <img src="https://static.igem.org/mediawiki/2018/0/09/T--Peking--driftE.gif"></div> | | <img src="https://static.igem.org/mediawiki/2018/0/09/T--Peking--driftE.gif"></div> |
| + | <p><div align="center">Figure. 4 The GUI of the video functions and the video exported</div></p> |
| <br/><br/> | | <br/><br/> |
| | | |
Line 410: |
Line 410: |
| | | |
| <div class="content"> | | <div class="content"> |
− | <p>In scientific research, cropping is widely used to beautify the images and emphasize the target. To meet the need for flexible cropping, we provided two cropping methods. <b>Drawing cropping</b> can draw the range to be cropped while <b>position cropping</b> crops the given position. Please refer to the user manuals for more details. <a href="https://static.igem.org/mediawiki/2018/3/32/T--Peking--Users_manual.pdf"> Please refer to the user manuals for more details.</a></p> | + | <p>In scientific research, cropping is widely used to beautify the images and emphasize the target. To meet the need for flexible cropping, we provided two cropping methods. <b>Drawing cropping</b> can draw the range to be cropped while <b>position cropping</b> crops the given position.(Fig. 5) Please refer to the user manuals for more details. <a href="https://static.igem.org/mediawiki/2018/3/32/T--Peking--Users_manual.pdf"> Please refer to the user manuals for more details.</a></p> |
| <br/><br/> | | <br/><br/> |
| <div align="center"> | | <div align="center"> |
| <img src="https://static.igem.org/mediawiki/2018/9/96/T--Peking--cropping.png" width="600px" height="300 px"></div> | | <img src="https://static.igem.org/mediawiki/2018/9/96/T--Peking--cropping.png" width="600px" height="300 px"></div> |
| + | <p><div align="center">Figure. 5 The cropping process</div></p> |
| | | |
| <br/><br/> | | <br/><br/> |
Line 427: |
Line 428: |
| | | |
| <div class="content"> | | <div class="content"> |
− | <p>What’s more, sometime the cells float during the process of photographing, which results in the cells drifting or even rotating in the video. We will have to make a larger cropping to ensure that the cell will not move out of the field of view. To solve this problem, we wrote a function that can move the cropping frame with the cell linearly, which can <b>fix the drifting</b> of cells to some extent. Also, we can rotate the image using the setting before cropping, by which we may also <b>fix the rotation</b> of the cells. Please refer to the user manuals for more details. <a href="https://static.igem.org/mediawiki/2018/3/32/T--Peking--Users_manual.pdf"> Please refer to the user manuals for more details.</a> </p> | + | <p>What’s more, sometime the cells float during the process of photographing, which results in the cells drifting or even rotating in the video. We will have to make a larger cropping to ensure that the cell will not move out of the field of view. To solve this problem, we wrote a function that can move the cropping frame with the cell linearly, which can <b>fix the drifting</b> of cells to some extent(Fig. 6). Also, we can rotate the image using the setting before cropping, by which we may also <b>fix the rotation</b> of the cells(Fig. 7). Please refer to the user manuals for more details. <a href="https://static.igem.org/mediawiki/2018/3/32/T--Peking--Users_manual.pdf"> Please refer to the user manuals for more details.</a> </p> |
| <br/><br/> | | <br/><br/> |
| <div align="center"> | | <div align="center"> |
| <img src="https://static.igem.org/mediawiki/2018/7/79/T--Peking--driftN.gif" width=" 250 px" height="250 px"> | | <img src="https://static.igem.org/mediawiki/2018/7/79/T--Peking--driftN.gif" width=" 250 px" height="250 px"> |
| <img src="https://static.igem.org/mediawiki/2018/0/09/T--Peking--driftE.gif" width=" 250 px" height="250 px"><br/> | | <img src="https://static.igem.org/mediawiki/2018/0/09/T--Peking--driftE.gif" width=" 250 px" height="250 px"><br/> |
| + | <p><div align="center">Figure. 6 The videos before and after drift fixing. The yeast are less locomotive after fixing.</div></p> |
| </div> | | </div> |
| <br/> | | <br/> |
| <div align="center"><img src="https://static.igem.org/mediawiki/2018/e/e3/T--Peking--RotationN.gif" width=" 250 px" height="250 px"> | | <div align="center"><img src="https://static.igem.org/mediawiki/2018/e/e3/T--Peking--RotationN.gif" width=" 250 px" height="250 px"> |
| <img src="https://static.igem.org/mediawiki/2018/e/e9/T--Peking--RotationF.gif" width=" 250 px" height="250 px"></div> | | <img src="https://static.igem.org/mediawiki/2018/e/e9/T--Peking--RotationF.gif" width=" 250 px" height="250 px"></div> |
| + | <p><div align="center">Figure. 7 The videos before and after rotation and drift fixing, The yeast are less rotational after fixing.</div></p> |
| | | |
| <br/><br/> | | <br/><br/> |
Line 449: |
Line 452: |
| | | |
| <div class="content"> | | <div class="content"> |
− | <p>Eventually, the micrographs in science need information attached to them before they can be shown to the public. The time scale of every frame and the scale of the cells are the most common features. We can add the <b>time scale</b> information to the image by the given position, start time, interval and unit. Furthermore, <b>the scale bar</b>, which indicates the scale of the cells, can be added by the given position, total length, length/pixel and unit.<a href="https://static.igem.org/mediawiki/2018/3/32/T--Peking--Users_manual.pdf"> Please refer to the user manuals for more details.</a> </p> | + | <p>Eventually, the micrographs in science need information attached to them before they can be shown to the public. The time scale of every frame and the scale of the cells are the most common features.(Fig. 8) We can add the <b>time scale</b> information to the image by the given position, start time, interval and unit. Furthermore, <b>the scale bar</b>, which indicates the scale of the cells, can be added by the given position, total length, length/pixel and unit.<a href="https://static.igem.org/mediawiki/2018/3/32/T--Peking--Users_manual.pdf"> Please refer to the user manuals for more details.</a> </p> |
| <br/><br/> | | <br/><br/> |
| <div align="center"> | | <div align="center"> |
| <br/><br/> | | <br/><br/> |
| <img src="https://static.igem.org/mediawiki/2018/2/26/T--Peking--Addinfo.gif"> | | <img src="https://static.igem.org/mediawiki/2018/2/26/T--Peking--Addinfo.gif"> |
− | <br/>
| |
| <img src="https://static.igem.org/mediawiki/2018/e/eb/T--Peking--GrayS.png"> | | <img src="https://static.igem.org/mediawiki/2018/e/eb/T--Peking--GrayS.png"> |
| + | <p><div align="center">Figure. 8 The GUI of adding information and the image with time and scale bar</div></p> |
| <br/><br/> | | <br/><br/> |
| </div> | | </div> |