Difference between revisions of "Team:Peking/Software"
| Line 1: | Line 1: | ||
| − | |||
<!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]--> | <!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]--> | ||
<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]--> | <!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]--> | ||
| Line 7: | Line 6: | ||
<head> | <head> | ||
<!--- Basic Page Needs========================================================================= --> | <!--- Basic Page Needs========================================================================= --> | ||
| − | <meta charset="utf-8" | + | <meta charset="utf-8"> |
| − | + | <title>Overview</title> | |
| − | + | <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="author" content="Li Jiamian & Wang Yuqing"> | |
| − | + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
| − | + | <!-- Mobile Specific Metas===================================================================== --> | |
| − | + | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> | |
| − | + | <!-- Fix Overwrite the original iGEM style=================================================== --> | |
| − | + | <link href="https://2016.igem.org/Template:Peking/css/fix?action=raw&ctype=text/css" rel="stylesheet" /> | |
| − | + | <!-- CSS======================================================================================= --> | |
| − | + | <link href="https://2016.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" /> | |
| − | + | <!-- CSS======================================================================================= --> | |
| − | + | <link rel="stylesheet" href="https://2016.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://2016.igem.org/Template:Peking/css/media-queries?action=raw&ctype=text/css"> | |
| − | + | <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/priorstyle?action=raw&ctype=text/css"> | |
| − | + | <style> | |
| − | + | .home_img{ | |
| − | + | padding: 10px; | |
| − | + | margin: 10px; | |
| − | + | width: 420px; | |
| − | + | float: left; | |
| − | + | height: 300px; | |
| − | + | } | |
| − | + | .home_text{ | |
| − | + | padding-top: 20px; | |
| − | + | margin: 10px; | |
| − | + | float: left; | |
| − | + | height: 300px; | |
| − | + | } | |
| − | + | .texttitle{ | |
| − | + | color: #11abb0; | |
| − | + | font-size: 38px; | |
| − | + | line-height: 48px; | |
| − | + | margin-bottom: 12px; | |
| − | + | font-family: raleway-bold, sans-serif; | |
| − | + | background: transparent; | |
| − | + | letter-spacing: 3px; | |
| − | + | text-transform: uppercase; | |
| − | + | font-weight: 350; | |
| − | + | text-align: center; | |
| − | + | } | |
| − | + | sup{ | |
| − | + | font-size:11px; | |
| − | + | } | |
| − | + | .references{margin-top:150px;margin-bottom:40px;} | |
| − | + | .references p{font-size:14px !important; color:#666161 !important;} | |
| − | + | ||
| − | + | .classic-title {font-weight: 300;} | |
| − | + | .classic-title span { | |
| + | padding-bottom: 8px; | ||
| + | border-bottom: 1px solid #383232; | ||
| + | font-weight: 400; | ||
| + | } | ||
| + | figure{margin-top:40px;margin-bottom:40px;height:auto;} | ||
| + | </style> | ||
| + | |||
| + | </head> | ||
<body> | <body> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<!-- Navigation --> | <!-- Navigation --> | ||
<div id="navigation" class="navbar navbar-fixed-top"> | <div id="navigation" class="navbar navbar-fixed-top"> | ||
| Line 205: | Line 139: | ||
<!--/Navigation --> | <!--/Navigation --> | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| + | |||
| + | |||
| + | <div class="content-outer"> | ||
| + | <div id="page-content" class="row page"> | ||
| − | + | Software | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | 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. | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | This software is wrote just for the problems we meet. | |
| + | 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. | ||
| + | |||
| + | After solving the problem of getting files, we can now stick to the practices functions practical. | ||
| + | |||
| + | 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.(此处放处理前后的图) | ||
| + | |||
| + | 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） | ||
| + | |||
| + | 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. (此处放软件使用截图) | ||
| + | |||
| + | 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. (漂移校正前后对比动图，旋转漂移校正前后对比动图) | ||
| + | |||
| + | 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. (加标尺和时间的动图) | ||
| + | |||
| + | 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. | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | </div> <!-- page-content End--> | ||
| + | </div> <!-- Content End--> | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | <!-- footer============================================================================== --> | |
| − | + | <style> | |
| − | + | footer .copyright span:before { | |
| − | + | content: "|"; | |
| − | + | padding-left: 10px; | |
| − | + | padding-right: 12px; | |
| − | + | color: #b4bbbb; | |
| − | + | } | |
| − | + | footer .copyright span:after { | |
| − | + | content: "|"; | |
| − | + | padding-left: 10px; | |
| − | + | padding-right: 12px; | |
| − | + | color: #b4bbbb; | |
| − | + | } | |
| − | + | </style> | |
| − | + | <footer id="page-footer"> | |
| − | + | <div class="row"> | |
| − | + | <div class="twelve columns" > | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
<ul class="copyright"> | <ul class="copyright"> | ||
| − | <li><a href=" | + | <!--<li>© 2014 Sparrow</li> --> |
| − | <span> © | + | <li><a href="2018.igem.org/Team:Peking">Home</a> <a href="mailto:pkuigem2016@126.com">Contact</a></li> |
| − | <li | + | <span> ©2018 PEKING IGEM. All Rights Reserved.</span> |
| − | + | <li><a href="http://getbootstrap.com/2.3.2/">Based on Bootstrap</a></li> | |
| − | + | ||
</ul> | </ul> | ||
| − | </div | + | </div> |
| − | + | <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 | + | </div> |
| − | + | </footer> <!-- 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> | |
| − | + | ||
| − | + | <script src="https://2016.igem.org/Template:Peking/Javascript/jquery_flexslider?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> | |
| − | + | ||
| − | + | ||
| − | + | <!--quotations from black: start--> | |
| − | + | <script type='text/javascript' src="https://2016.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_sticky?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://2016.igem.org/Template:Peking/Javascript/bootstrap_min?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://2016.igem.org/Template:Peking/Javascript/appear?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> | |
| − | + | <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> | |
| − | + | <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://2016.igem.org/Template:Peking/Javascript/jquery_cycle_all?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://2016.igem.org/Template:Peking/Javascript/scripts?action=raw&ctype=text/javascript "></script> | |
| − | + | <!--quotations from black: end--> | |
| − | + | ||
| − | + | ||
| − | + | </body> | |
| − | + | </html> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
Revision as of 19:55, 13 October 2018
Software
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.
This software is wrote just for the problems we meet.
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.
After solving the problem of getting files, we can now stick to the practices functions practical.
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.(此处放处理前后的图)
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）
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. (此处放软件使用截图)
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. (漂移校正前后对比动图，旋转漂移校正前后对比动图)
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. (加标尺和时间的动图)
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.