|
|
| (148 intermediate revisions by 6 users not shown) |
| Line 9: |
Line 9: |
| | <title></title> | | <title></title> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.2, user-scalable=yes" /> | | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.2, user-scalable=yes" /> |
| − | <meta name="description" content="Wiki of Peking iGEM 2016" /> | + | <meta name="description" content="Wiki of Peking iGEM 2018" /> |
| − | <meta name="author" content="Li Jiamian & Wang Yuqing"/> | + | <meta name="author" content="Peking iGEM"/> |
| | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| | <!-- Mobile Specific Metas===================================================================== --> | | <!-- Mobile Specific Metas===================================================================== --> |
| | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> | | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> |
| | <!-- Fix Overwrite the original iGEM style=================================================== --> | | <!-- Fix Overwrite the original iGEM style=================================================== --> |
| − | <link href="https://2016.igem.org/Template:Peking/css/fix?action=raw&ctype=text/css" rel="stylesheet" /> | + | <link href="https://2018.igem.org/Template:Peking/css/fix?action=raw&ctype=text/css" rel="stylesheet" /> |
| | <!-- CSS======================================================================================= --> | | <!-- CSS======================================================================================= --> |
| − | <link href="https://2016.igem.org/Template:Peking/css/bootstrap_min?action=raw&ctype=text/css" rel="stylesheet" /> | + | <link href="https://2018.igem.org/Template:Peking/css/bootstrap_min?action=raw&ctype=text/css" rel="stylesheet" /> |
| − | <link href="https://2016.igem.org/Template:Peking/css/style?action=raw&ctype=text/css" rel="stylesheet" /> | + | <link href="https://2018.igem.org/Template:Peking/css/style?action=raw&ctype=text/css" rel="stylesheet" /> |
| | <!-- CSS======================================================================================= --> | | <!-- CSS======================================================================================= --> |
| − | <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/default?action=raw&ctype=text/css"/> | + | <link rel="stylesheet" href="https://2018.igem.org/Template:Peking/css/default?action=raw&ctype=text/css"/> |
| − | <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/layout?action=raw&ctype=text/css"/> | + | <link rel="stylesheet" href="https://2018.igem.org/Template:Peking/css/layout?action=raw&ctype=text/css"/> |
| − | <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/media-queries?action=raw&ctype=text/css"/> | + | <link rel="stylesheet" href="https://2018.igem.org/Template:Peking/css/media-queries?action=raw&ctype=text/css"/> |
| − | <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/notebook_panel?action=raw&ctype=text/css"/> | + | <link rel="stylesheet" href="https://2018.igem.org/Template:Peking/css/notebook_panel?action=raw&ctype=text/css"/> |
| | <style> | | <style> |
| | + | body { background: #D2D8D8 url(https://static.igem.org/mediawiki/2018/7/78/T--Peking--images_bodyBackground.jpeg); background-attachment:fixed;} |
| | .texttitle{ | | .texttitle{ |
| − | color: #11abb0; | + | color:#6495ED; |
| − | font-size: 38px; | + | font-size: 32px; |
| | line-height: 48px; | | line-height: 48px; |
| | margin-bottom: 12px; | | margin-bottom: 12px; |
| Line 65: |
Line 66: |
| | position: relative; | | position: relative; |
| | } | | } |
| | + | #page-wrap a:hover {color:#6495ED;} |
| | | | |
| | #sidebar { | | #sidebar { |
| Line 168: |
Line 170: |
| | | | |
| | .coll p a{ | | .coll p a{ |
| − | color:#5c9085 !important; | + | color:#6495ED !important; |
| | } | | } |
| | .coll p a:hover{ | | .coll p a:hover{ |
| − | color:#11abb0 !important; | + | color:#6495ED!important; |
| | } | | } |
| | .coll { | | .coll { |
| Line 197: |
Line 199: |
| | font-style:italic; | | font-style:italic; |
| | float:left; | | float:left; |
| − | color:#11abb0; | + | color:#1E90FF; |
| | opacity:0.8; | | opacity:0.8; |
| | } | | } |
| Line 238: |
Line 240: |
| | <li><a href="https://2018.igem.org/Team:Peking/Design" class="barfont1">Design</a></li> | | <li><a href="https://2018.igem.org/Team:Peking/Design" class="barfont1">Design</a></li> |
| | <li><a href="https://2018.igem.org/Team:Peking/Demonstrate" class="barfont1">Demonstration</a></li> | | <li><a href="https://2018.igem.org/Team:Peking/Demonstrate" class="barfont1">Demonstration</a></li> |
| − | <li><a href="https://2018.igem.org/Team:Peking/Prospective" class="barfont1">Prospective</a></li> | + | <li><a href="https://2018.igem.org/Team:Peking/Perspective" class="barfont1">Perspective</a></li> |
| | </ul> | | </ul> |
| | </li> | | </li> |
| − | <li class=" dropdown menu-3"><a class=" dropdown- toggle" data-toggle="dropdown" href="#" >Modeling</a> | + | <li class="menu-3"><a class="colapse-menu1" href="https://2018.igem.org/Team:Peking/Model">Modeling</a> |
| − | <ul class="dropdown-menu">
| + | |
| − | <li><a href="https://2018.igem.org/Team:Peking/Model">Overview</a></li>
| + | |
| − | <li><a href="https://2018.igem.org/Team:Peking/SPOT_Formation" class="barfont1">SPOT Formation</a></li>
| + | |
| − | <li><a href="https://2018.igem.org/Team:Peking/Application" class="barfont1">Application</a></li>
| + | |
| − | </ul>
| + | |
| | </li> | | </li> |
| | <li class="menu-4"><a class="colapse-menu1" href="https://2018.igem.org/Team:Peking/Software">Software</a> | | <li class="menu-4"><a class="colapse-menu1" href="https://2018.igem.org/Team:Peking/Software">Software</a> |
| Line 252: |
Line 249: |
| | | | |
| | | | |
| − | <li class=" dropdown menu-6"><a class=" dropdown- toggle" data-toggle="dropdown" href="#">Human Practices</a> | + | <li class="menu-6"><a class=" colapse- menu1" href="https://2018.igem.org/Team:Peking/Human_Practices"> Human Practices</a> |
| − | <ul class="dropdown-menu">
| + | </li> |
| − | <li><a href="https://2018.igem.org/Team:Peking/Human_Practices" class="barfont1">Overview</a></li>
| + | <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Achievement</a> |
| − | <li><a href="https://2018.igem.org/Team:Peking/Statistics" class="barfont1">Statistics</a></li>
| + | |
| − | <li><a href="https://2018.igem.org/Team:Peking/Public_Engagement" class="barfont1">Public Engagement</a></li>
| + | |
| − | <li><a href="https://2018.igem.org/Team:Peking/Other" class="barfont1">Other</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Achevement</a> | + | |
| | <ul class="dropdown-menu"> | | <ul class="dropdown-menu"> |
| | <li><a href="https://2018.igem.org/Team:Peking/Judging_Form" class="barfont1">Judging Form</a></li> | | <li><a href="https://2018.igem.org/Team:Peking/Judging_Form" class="barfont1">Judging Form</a></li> |
| Line 276: |
Line 267: |
| | <li><a href="https://2018.igem.org/Team:Peking/Collaborations" class="barfont1">Collaborations</a></li> | | <li><a href="https://2018.igem.org/Team:Peking/Collaborations" class="barfont1">Collaborations</a></li> |
| | <li><a href="https://2018.igem.org/Team:Peking/Safety" class="barfont1">Safety</a></li> | | <li><a href="https://2018.igem.org/Team:Peking/Safety" class="barfont1">Safety</a></li> |
| − | <li><a href="https://2018.igem.org/Team:Peking/Acknowledgement" class="barfont1">Acknowledgement</a></li></ul> | + | <li><a href="https://2018.igem.org/Team:Peking/Acknowledgement" class="barfont1">Acknowledgement</a></li> |
| | + | |
| | + | </ul> |
| | </li> | | </li> |
| | </div> | | </div> |
| Line 289: |
Line 282: |
| | <div class="row"> | | <div class="row"> |
| | <div class="twelve columns centered text-center"> | | <div class="twelve columns centered text-center"> |
| − | <h1>Demonstrate</h1> | + | <h1>Software </h1> |
| − | <p class="title1" style="text-align:center">In this section, you could see the demonstration.</p> | + | |
| | </div> | | </div> |
| | </div> | | </div> |
| Line 303: |
Line 296: |
| | | | |
| | | | |
| | + | <div class="row"> |
| | | | |
| − | <div class="three columns"> | + | |
| | + | |
| | + | <div class="three columns"> |
| | <div id="page-wrap"> | | <div id="page-wrap"> |
| | <div id="sidebar" style="color:#000000"> | | <div id="sidebar" style="color:#000000"> |
| − | <h4><a href="https://2018.igem.org/wiki/index.php?title=Team:Peking/Demonstrate#A">Overview</a></h4> | + | <h4><a href="javascript:void(0);" onclick="naver('A')">•Overview</a></h4> |
| − | <h4><a href="javascript:void(0);" onclick="naver('B')">Phase Separation</a></h4> | + | <h4><a href="javascript:void(0);" onclick="naver('B')">•Naming Rules Management</a></h4> |
| − | <ul> | + | < h4><a href="javascript:void(0);" onclick="naver(' C')"> •Grayscale & Merge</a></ h4> |
| − | <li><a href="javascript:void(0);" onclick="naver(' B1')"> Spontaneous</a></ li> | + | |
| − | < li><a href="javascript:void(0);" onclick="naver(' B2')"> The formation</a></ li> | + | < h4><a href="javascript:void(0);" onclick="naver(' D')"> •Video & Z Stacks</a></ h4> |
| − | </ul> | + | <h4><a href="javascript:void(0);" onclick="naver('E')">•Cropping</a></h4> |
| − | <h4><a href="javascript:void(0);" onclick="naver('C')">Functional Organelles</a></h4> | + | <h4><a href="javascript:void(0);" onclick="naver('F')"> •Fixing Drift & Rotation</a></h4> |
| − | <h4><a href="javascript:void(0);" onclick="naver('D')">Perspective</a></h4> | + | <h4><a href="javascript:void(0);" onclick="naver('G')"> |
| | + | •Time Scale & Scale Plate</a></h4> |
| | </div> | | </div> |
| | </div> | | </div> |
| | + | |
| | </div> | | </div> |
| | | | |
| Line 323: |
Line 321: |
| | | | |
| | <div class="nine columns"> | | <div class="nine columns"> |
| − |
| + | <div class="coll"> |
| − | <div class="texttitle">Overview | + | <div class="texttitle"> Overview |
| | <a id="A"></a></div> | | <a id="A"></a></div> |
| | <hr style="border:2px dashed; height:2px" color="#666666"> | | <hr style="border:2px dashed; height:2px" color="#666666"> |
| | | | |
| − | <div class="coll"> | + | |
| | | | |
| | <div class="content"> | | <div class="content"> |
| − | <p>We produce abundant fluorescent images in our experiments. However, there are many troubles when taking into the processing those data. The data can be extremely large. Even if you just take a 1 hour imaging for 25 positions in 3 channel for every minutes, the microscope will yield 4500 high resolution images. To help with the image processing in such a high throughput, we developed a software aim at microscope images batching.</p> | + | <p>We produce abundant fluorescence images in our experiments. However, there are many challenges in the processing of such data, which can be extremely large. Even in the case of 1 hour of imaging for 25 positions at 3 channels every minute, the microscope will yield 4500 high-resolution images. To help with the image processing in such a high throughput, we developed software for microscope image batching(Fig. 1). |
| − | </div>
| + | <br/><a href="https://github.com/igemsoftware2018/Team_Peking">(Github: https://github.com/igemsoftware2018/Team_Peking)</a><br/> |
| − | </div>
| + | <p style="text-align:justify; text-justify:inter-ideograph">This software was written specifically for the problems we encountered. </p><br/> |
| − | <div class="coll"> | + | <div align="center"> |
| | + | <img src="https://static.igem.org/mediawiki/2018/5/52/T--Peking--Software.png" width="300 px" height="300 px"></div> |
| | + | <p><div align="center">Figure. 1 The GUI of the software</div></p> |
| | + | <br/><br/> |
| | + | |
| | + | |
| | + | |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | <div class="texttitle">Naming Rules management |
| | + | <a id="B"></a></div> |
| | + | <hr style="border:2px dashed; height:2px" color="#666666"> |
| | + | |
| | + | |
| | | | |
| | <div class="content"> | | <div class="content"> |
| − | <p>This software is wrote just for the problems we meet.</p> | + | <p>The first problem we met is that the file names of the exported images are generated according to <b>fuzzy rules</b>. Confusingly, the rules for the number of the positions, channels and times vary among files. To address the diversity of file names of images derived from different microscopes, we managed to build a <b>naming rule manager</b> (Fig. 2), which can create and modify the naming rule. The rules that can be made are <b>flexible</b>, and can contain up to 4 variables and 4 customized strings. Every variable has a customized zero filling function that can solve annoying problems such as the numbers 01 to 99. The users can also <b>share</b> their rules in the form of a file, which may benefit group projects.<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> |
| − | </div>
| + | <br/><br/> |
| − | </div>
| + | <div align="center"> |
| | + | <img src="https://static.igem.org/mediawiki/2018/d/dd/T--Peking--Namerule.png"><br/> |
| | + | <p><div align="center">Figure. 2 The GUI of naming rules manager</div></p> |
| | + | </div> |
| | + | <br/><br/> |
| | | | |
| − | <div class="coll"> | + | |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | <div class="texttitle">Grayscale and Channels Merge |
| | + | <a id="C"></a></div> |
| | + | <hr style="border:2px dashed; height:2px" color="#666666"> |
| | + | |
| | + | |
| | | | |
| | <div class="content"> | | <div class="content"> |
| − | <p>The first problem we meet is the file name of the exported images are always in massy rules. What’s the most confusing, the rules of number of the positions, channels and time are various in files. Considering the diversity of file names of images derived from different microscopes, we manage to build a naming rule manager, which can create and modify the name rule. The rules can be made are flexible, which can contain up to 4 variables and 4 customized string. Every variables have a customized zero filling function that can solve the problem like the annoying number 01 to 99. The users can also shear their rules in the form of a file, which may benefit group working. Read the user manuals for more detail.</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>(Fig. 3) and <b>grayscale conversion</b> (Fig. 4)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> |
| − | </div>
| + | <br/><br/> |
| − | </div>
| + | |
| − | <div class="coll"> | + | <div align="center"> |
| | + | <img src="https://static.igem.org/mediawiki/2018/e/ee/T--Peking--MergeG.png" width="150 px" heigth="150 px"> |
| | + | <img src="https://static.igem.org/mediawiki/2018/e/ef/T--Peking--MergeR.png" width="150 px" heigth="150 px"> |
| | + | <img src="https://static.igem.org/mediawiki/2018/2/27/T--Peking--MergeM.png" width="150 px" heigth="150 px"> |
| | + | </div> |
| | + | <p><div align="center">Figure. 3 The images before and after channels merging</div></p> |
| | + | |
| | + | |
| | + | <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> |
| | + | <p><div align="center">Figure. 4 The images before and after grayscale conversion</div></p> |
| | + | |
| | + | <br/><br/> |
| | + | |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | <div class="texttitle">Video and Z Stacks |
| | + | <a id="D"></a></div> |
| | + | <hr style="border:2px dashed; height:2px" color="#666666"> |
| | + | |
| | | | |
| | <div class="content"> | | <div class="content"> |
| − | <p>After solving the problem of getting files, we can now stick to the practices functions practical.</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. 5) <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> |
| − | </div>
| + | <br/><br/> |
| − | </div>
| + | <div align="center"> |
| − | <div class="coll"> | + | <img src="https://static.igem.org/mediawiki/2018/7/77/T--Peking--video.png"><br/> |
| | + | <img src="https://static.igem.org/mediawiki/2018/0/09/T--Peking--driftE.gif"></div> |
| | + | <p><div align="center">Figure. 5 The GUI of the video functions and the video exported</div></p> |
| | + | <br/><br/> |
| | + | |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | <div class="texttitle">Cropping |
| | + | <a id="E"></a></div> |
| | + | <hr style="border:2px dashed; height:2px" color="#666666"> |
| | + | |
| | | | |
| | <div class="content"> | | <div class="content"> |
| − | <p>We have built spontaneous and induced synthetic organelles by specific interaction modules, so that we can control the formation process by different ways for demands in biological engineering. Then we characterized the kinetics and properties of synthetic organelles theoretically and experimentally. These results confirm the potential of synthetic organelles in synthetic biology.</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. 6) 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> |
| − | </div>
| + | <br/><br/> |
| − | </div>
| + | <div align="center"> |
| − | <div class="coll"> | + | <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. 6 The cropping process</div></p> |
| | + | |
| | + | <br/><br/> |
| | + | |
| | + | </div> |
| | + | </div> |
| | + | <div class="coll"> |
| | + | <div class="texttitle">Fixing Drift and Rotation |
| | + | <a id="F"></a></div> |
| | + | <hr style="border:2px dashed; height:2px" color="#666666"> |
| | + | |
| | + | |
| | | | |
| | <div class="content"> | | <div class="content"> |
| − | <p>The most important difference between fluorescent images of microscope and Ordinary photo is the function of channel. We need to contrast different fluorescent channel to discover the conclusion. However, export a large number of large images could be a time-wasting process. If we can merge channel or convert the images into grayscale after cropping, we will save much time. Thus we add the functions of merging and grayscale to our software first. Read the user manuals for more detail.(此处放处理前后的图)</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. 7). 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. 8). 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> |
| − | </div>
| + | <br/><br/> |
| − | </div>
| + | <div align="center"> |
| − | <div class="coll"> | + | <img src="https://static.igem.org/mediawiki/2018/7/79/T--Peking--driftN.gif"> |
| | + | <img src="https://static.igem.org/mediawiki/2018/0/09/T--Peking--driftE.gif"><br/> |
| | + | <p><div align="center">Figure. 7 The videos before and after drift fixing. The yeast are less locomotive after fixing.</div></p> |
| | + | </div> |
| | + | <br/> |
| | + | <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> |
| | + | <p><div align="center">Figure. 8 The videos before and after rotation and drift fixing, The yeast are less rotational after fixing.</div></p> |
| | + | |
| | + | <br/><br/> |
| | + | |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | |
| | + | <div class="texttitle">Time Scale and Scale Plate |
| | + | <a id="G"></a></div> |
| | + | <hr style="border:2px dashed; height:2px" color="#666666"> |
| | + | |
| | | | |
| | <div class="content"> | | <div class="content"> |
| − | <p>For the living organism, if we want to show the dynamic process with video, we will need to fuse the images by order to make video. We wrote the functions to export video by time or by z axis. Read the user manuals for more detail.（此处放导出的视频gif）</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. 9) 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> |
| − | </div>
| + | <br/><br/> |
| − | </div>
| + | <div align="center"> |
| − | <div class="coll"> | + | <br/><br/> |
| − |
| + | <img src="https://static.igem.org/mediawiki/2018/2/26/T--Peking--Addinfo.gif"><br/> |
| − | <div class="content">
| + | <img src="https://static.igem.org/mediawiki/2018/e/eb/T--Peking--GrayS.png"> |
| − | <p>In science research, cropping are widely used to beautify the images and emphasize the target. To meet the need of flexible cropping, we provide two cropping method. Drawing cropping can draw the range to be cropped while position cropping crop straightly by the given position. Read the user manuals for more detail. (此处放软件使用截图)</p>
| + | <p><div align=" center"> Figure. 9 The GUI of adding information and the image with time and scale bar</ div></p> |
| − | </div>
| + | <br/><br/> |
| − | </div>
| + | </div> |
| − | <div class="coll"> | + | |
| − |
| + | <br/><br/> |
| − | | + | |
| − | <p>What’s more, sometime the cells float in the process of photographing, which result in the cell drift or even rotate in the video. We will have to make a larger cropping to ensure the cell will not go out of the edge. To solve this problem, We wrote a function that can move the cropping frame with the cell linearly, which can fix the drift of cell to some extent. Also, we can rotate the image by the setting before cropping, by which we may also fix the rotation of the cells. Read the user manuals for more detail. (漂移校正前后对比动图，旋转漂移校正前后对比动图)</p>
| + | </div> |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="coll"> | + | |
| − |
| + | <hr style="border:2px dashed; height:2px" color="#666666"> |
| − | | + | <br/><br/> |
| − | <p>Eventually, the microscopy images in science need some information on it before showing up in public. The time scale of every frame and the scale of the cell are the most common features. We can add the time scale information to the image by the given position, start time, interval and unit. And the scale plate, which indicate the scale of the cells, can be added by the given position, total length, length/pixel and unit. Read the user manuals for more detail. (加标尺和时间的动图)</p>
| + | Almost all micrographs shown in our wiki and ppt were processed using this software. It helped us a lot and we wish to share it with anyone who needs it. If you want more detail, please refer to the user manuals. The software is available at:<a href="https://github.com/igemsoftware2018/Team_Peking">https://github.com/igemsoftware2018/Team_Peking (Github)</a>. If you want an updated version after the project freeze and after iGEM, check<a href="https://github.com/IndigoMad/Microscopic-Images-Batching"> here: (Github)</a>, we will release all the updates there. |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="coll"> | + | </div><!--9 columns end--> |
| − |
| + | |
| − | | + | |
| − | <p>Almost all of the microscopy image shown in our wiki and ppt are processing with this software. It help us a lot and we wish to share it with anyone who need it. If you want more detail, read the user manuals and the software are available here. (Github链接) And if you want a update version after the project freeze after iGEM, check here (另一个Github链接)， we will release all the update here.</p>
| + | |
| − | </div>
| + | |
| − | </div> | + | |
| − | </div><!--9 columns end-->
| + | |
| | | | |
| | </div> | | </div> |
| − |
| |
| | | | |
| | | | |
| Line 412: |
Line 492: |
| | | | |
| | | | |
| − |
| + | <!-- footer============================================================================== --> |
| − |
| + | |
| − | <!-- footer============================================================================== -->
| + | |
| | <style> | | <style> |
| | footer .copyright span:before { | | footer .copyright span:before { |
| Line 430: |
Line 508: |
| | </style> | | </style> |
| | <footer id="page-footer"> | | <footer id="page-footer"> |
| | + | <footer id="page-footer"> |
| | + | <div class="row,row1"> |
| | + | <ul class="footer-social"> |
| | + | <li class="col-md-6" id="PKU-administration" style="margin-bottom:25px;max-width:300px"> |
| | + | <a href="http://dean.pku.edu.cn/pkudean/index.html"><img src="https://static.igem.org/mediawiki/2018/7/7a/T--Peking--images_PKU_Administration_logo.png"></a> |
| | + | </li> |
| | + | <li class="col-md-6" id="PKU-SLS" style="margin-bottom:25px;max-width:300px"> |
| | + | <a href="http://www.bio.pku.edu.cn/"><img src="https://static.igem.org/mediawiki/2018/0/04/T--Peking--images_PKU_SLS_logo.png"></a> |
| | + | </li> |
| | + | |
| | + | <li class="col-md-6" id="PKU-CQB" style="margin-bottom:25px;max-width:300px"> |
| | + | <a href="http://cqb.pku.edu.cn/en/"><img src="https://static.igem.org/mediawiki/2018/e/e1/T--Peking--images_PKU_CQB_logo.png"></a> |
| | + | </li> |
| | + | |
| | + | </ul> |
| | + | </div> |
| | <div class="row"> | | <div class="row"> |
| | <div class="twelve columns" > | | <div class="twelve columns" > |
| | <ul class="copyright"> | | <ul class="copyright"> |
| | <!--<li>© 2014 Sparrow</li> --> | | <!--<li>© 2014 Sparrow</li> --> |
| − | <li><a href="https://2018.igem.org/Team:Peking">Home</a> <a href="mailto:indigomad@pku.edu.cn">Contact</a></li> | + | <li><a href="https://2018.igem.org/Team:Peking">Home</a> <a href="mailto:pekingigem2018@126.com">Contact</a></li> |
| | <span> ©2018 PEKING IGEM. All Rights Reserved.</span> | | <span> ©2018 PEKING IGEM. All Rights Reserved.</span> |
| | <li><a href="http://getbootstrap.com/2.3.2/">Based on Bootstrap</a></li> | | <li><a href="http://getbootstrap.com/2.3.2/">Based on Bootstrap</a></li> |
| Line 441: |
Line 535: |
| | <div id="go-top" style="display: block;"><a title="Back to Top" href="#">Go To Top</a></div> | | <div id="go-top" style="display: block;"><a title="Back to Top" href="#">Go To Top</a></div> |
| | </div> | | </div> |
| − | </footer> <!-- Footer End-->
| + | |
| − |
| + | |
| − |
| + | <!-- Footer End--> |
| − | <!-- Java Script======================================================================= -->
| + | |
| − | <script>window.jQuery || document.write('<script src="https://2016.igem.org/Template:Peking/Javascript/jquery_1_10_2_min?action=raw&ctype=text/javascript"><\/script>')</script>
| + | |
| − | <script type="text/javascript" src="https://2016.igem.org/Template:Peking/Javascript/jquery_migrate_1_2_1_min?action=raw&ctype=text/javascript"></script>
| + | <!-- Java Script======================================================================= --> |
| − |
| + | <script>window.jQuery || document.write('<script src="https://2018.igem.org/Template:Peking/Javascript/jquery_1_10_2_min?action=raw&ctype=text/javascript"><\/script>')</script> |
| − | <script src="https://2016.igem.org/Template:Peking/Javascript/jquery_flexslider?action=raw&ctype=text/javascript"></script>
| + | <script type="text/javascript" src="https://2018.igem.org/Template:Peking/Javascript/jquery_migrate_1_2_1_min?action=raw&ctype=text/javascript"></script> |
| − | <script src="https://2016.igem.org/Template:Peking/Javascript/doubleaptogo?action=raw&ctype=text/javascript"></script>
| + | |
| − | <script src="https://2016.igem.org/Template:Peking/Javascript/init?action=raw&ctype=text/javascript"></script>
| + | <script src="https://2018.igem.org/Template:Peking/Javascript/jquery_flexslider?action=raw&ctype=text/javascript"></script> |
| − |
| + | <script src="https://2018.igem.org/Template:Peking/Javascript/doubleaptogo?action=raw&ctype=text/javascript"></script> |
| − |
| + | <script src="https://2018.igem.org/Template:Peking/Javascript/init?action=raw&ctype=text/javascript"></script> |
| − | <!--quotations from black: start-->
| + | |
| − | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery?action=raw&ctype=text/javascript"></script>
| + | <!--quotations from flexslider: start--> |
| − | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_sticky?action=raw&ctype=text/javascript"></script>
| + | <script src='https://2018.igem.org/Template:Peking/Javascript/modernizr_js?action=raw&ctype=text/javascript'></script> |
| − | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_easing_1_3_pack?action=raw&ctype=text/javascript"></script>
| + | <script type='text/javascript' src='https://2018.igem.org/Template:Peking/Javascript/fjquery_polaroid?action=raw&ctype=text/javascript'></script> |
| − | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/bootstrap_min?action=raw&ctype=text/javascript"></script>
| + | <script type='text/javascript' src='https://2018.igem.org/Template:Peking/Javascript/fjquery_easing?action=raw&ctype=text/javascript'></script> |
| − | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_patallax_1_1_3?action=raw&ctype=text/javascript"></script>
| + | <script type='text/javascript' src='https://2018.igem.org/Template:Peking/Javascript/fjquery_transform_0_8_0_min?action=raw&ctype=text/javascript'></script> |
| − | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/appear?action=raw&ctype=text/javascript"></script>
| + | <script type='text/javascript' src='https://2018.igem.org/Template:Peking/Javascript/fjquery_preloader?action=raw&ctype=text/javascript'></script> |
| − | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/modernizr?action=raw&ctype=text/javascript"></script>
| + | <!--quotations from flexslider: end--> |
| − | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_prettyPhoto?action=raw&ctype=text/javascript"></script>
| + | |
| − | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/isotope?action=raw&ctype=text/javascript"></script>
| + | <!--quotations from black: start--> |
| − | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_bxslider_min?action=raw&ctype=text/javascript"></script>
| + | <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/jquery?action=raw&ctype=text/javascript"></script> |
| − | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_cycle_all?action=raw&ctype=text/javascript" ></script>
| + | <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/jquery_sticky?action=raw&ctype=text/javascript"></script> |
| − | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_maximage?action=raw&ctype=text/javascript"></script>
| + | <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/jquery_easing_1_3_pack?action=raw&ctype=text/javascript"></script> |
| − | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/scripts?action=raw&ctype=text/javascript "></script>
| + | <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/bootstrap_min?action=raw&ctype=text/javascript"></script> |
| − | <!--quotations from black: end-->
| + | <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/jquery_patallax_1_1_3?action=raw&ctype=text/javascript"></script> |
| − | </body>
| + | <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/appear?action=raw&ctype=text/javascript"></script> |
| | + | <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/modernizr?action=raw&ctype=text/javascript"></script> |
| | + | <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/jquery_prettyPhoto?action=raw&ctype=text/javascript"></script> |
| | + | <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/isotope?action=raw&ctype=text/javascript"></script> |
| | + | <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/jquery_bxslider_min?action=raw&ctype=text/javascript"></script> |
| | + | <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/jquery_cycle_all?action=raw&ctype=text/javascript" ></script> |
| | + | <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/jquery_maximage?action=raw&ctype=text/javascript"></script> |
| | + | <script type='text/javascript' src="https://2018.igem.org/Template:Peking/Javascript/scripts?action=raw&ctype=text/javascript "></script> |
| | + | <!--quotations from black: end--> |
| | + | |
| | + | |
| | + | </body> |
| | </html> | | </html> |
