Line 1: | Line 1: | ||
+ | |||
<html> | <html> | ||
<head> | <head> | ||
− | < | + | <meta charset="UTF-8"> |
− | + | <title></title> | |
− | < | + | <link rel="stylesheet" href="https://2016.igem.org/Team:TJUSLS_China/home/index_style?action=raw&ctype=text/css"> |
− | + | <script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/index_js_two?action=raw&ctype=text/javascript"></script> | |
− | <link rel="stylesheet" href="https://2016.igem.org/Team:TJUSLS_China/home/ | + | <script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/index_js_one?action=raw&ctype=text/javascript"></script> |
− | <script | + | |
− | <script | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | action=raw&ctype=text/javascript"></script> | + | |
</head> | </head> | ||
<style> | <style> | ||
− | + | .sec-list-wenzi .sec-wenzi-list { | |
− | + | ||
− | + | ||
− | + | text-align: left; | |
− | + | ||
} | } | ||
− | + | .sec-list-wenzi{ | |
− | + | text-align: center; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
+ | |||
+ | #content{width:100%;padding:0px;margin:0px;background-color: #ededed;} | ||
#sideMenu, #top_title | #sideMenu, #top_title | ||
{ | { | ||
display: none; | display: none; | ||
+ | } | ||
+ | body{font: 16px sans-serif;} | ||
+ | .footer_bg .footer { | ||
+ | padding: 0; | ||
+ | border-top: 6px solid #222222; | ||
+ | } | ||
+ | .footer_bg .footer_btm { | ||
+ | margin-top: 4%; | ||
+ | border-top: none; | ||
+ | padding: 2% 4%; | ||
+ | padding-top: 2%; | ||
+ | max-width: 1458px; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | .sec-list-wenzi h3 { | ||
+ | |||
+ | text-align: left; | ||
} | } | ||
− | . | + | .sec-list-wenzi h2 { |
− | + | font-size: 35px; | |
+ | color: #6AA788; | ||
+ | padding-top: 30px; | ||
} | } | ||
− | . | + | .sec-list-wenzi h4 { |
− | + | color: #6AA788; | |
+ | padding-top: 30px; | ||
} | } | ||
+ | .sec-list-wenzi .sec-wenzi-content { | ||
+ | |||
+ | text-align: left; | ||
+ | font-family: Microsoft YaHei; | ||
+ | } | ||
</style> | </style> | ||
<body> | <body> | ||
− | < | + | <!--menu--> |
− | + | <div class="header-box"> | |
− | + | <div class="header"> | |
− | + | <!-- start h_menu4 --> | |
− | + | <div class="h_menu4"> | |
− | + | <a class="toggleMenu" href="">Menu</a> | |
− | + | <ul id="top_ul_my" class="nav"> | |
− | + | <script> | |
− | + | function getHover(number){ | |
− | + | var top_ul_my_lis = $("#top_ul_my").find(">li"); | |
− | + | console.log(top_ul_my_lis); | |
− | + | if(number == 0) top_ul_my_lis[0].setAttribute("class", "active hover"); | |
− | + | else top_ul_my_lis[0].setAttribute("class", "active"); | |
− | + | ||
− | + | ||
− | + | ||
− | + | for(var i = 1; i < top_ul_my_lis.length; i++){ | |
− | + | if(i == number) { | |
− | + | top_ul_my_lis[i].setAttribute("class", "hover"); | |
− | + | }else{ | |
− | + | top_ul_my_lis[i].setAttribute("class", ""); | |
− | + | ||
− | + | ||
} | } | ||
+ | } | ||
+ | } | ||
− | + | $(".header").hover(function(event){ | |
− | + | event.stopPropagation(); | |
− | + | $('#top_ul_my li').attr("class",""); | |
− | + | }); | |
− | + | ||
− | + | ||
− | + | ||
− | + | </script> | |
− | + | <li onmouseover="getHover(0)"><a href="https://2016.igem.org/Team:TJUSLS_China">TJUSLS</a></li> | |
− | + | <li onmouseover="getHover(1)" class=""><a href="" class="root">project</a> | |
− | + | <ul> | |
− | + | <li><a href="https://2016.igem.org/Team:TJUSLS_China/Description">Description</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:TJUSLS_China/Design">Design</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:TJUSLS_China/Experiments">Experiments</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:TJUSLS_China/Proof">Proof of Concept</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:TJUSLS_China/Demonstrate">Demonstrate</a></li> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <li><a href="https://2016.igem.org/Team:TJUSLS_China/Notebook">Notebook</a></li> | |
− | </li> | + | <li><a href="https://2016.igem.org/Team:TJUSLS_China/Results">Results</a></li> |
− | <li><a href="https://2016.igem.org/Team:TJUSLS_China/ | + | </ul> |
− | + | </li> | |
− | + | <li onmouseover="getHover(2)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Parts">PARTS</a> | |
− | + | <ul> | |
− | + | <li><a href="https://2016.igem.org/Team:TJUSLS_China/Basic_Part">Basic Parts</a></li> | |
+ | <li><a href="https://2016.igem.org/Team:TJUSLS_China/Composite_Part">Composite Parts</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:TJUSLS_China/Part_Collection">Part Collection</a></li> | ||
− | + | </ul> | |
− | + | </li> | |
− | + | <li class="active" onmouseover="getHover(3)"><a class="active" href="https://2016.igem.org/Team:TJUSLS_China/Safety">SAFETY</a></li> | |
− | + | <li onmouseover="getHover(4)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Attributions">ATTRIBUTIONS</a> | |
− | + | ||
− | + | </li> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <li onmouseover="getHover(5)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Human_Practices">HUMAN PRACTICES</a> | |
− | </ | + | <ul> |
− | + | <li><a href="https://2016.igem.org/Team:TJUSLS_China/HP/Silver">Silver</a></li> | |
− | <li><a href="https://2016.igem.org/Team:TJUSLS_China/ | + | <li><a href="https://2016.igem.org/Team:TJUSLS_China/HP/Gold">Gold</a></li> |
− | + | <li><a href="https://2016.igem.org/Team:TJUSLS_China/Integrated_Practices">Integrated Practices</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:TJUSLS_China/Engagement">Engagement</a></li> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</ul> | </ul> | ||
− | + | </li> | |
− | </ | + | <li onmouseover="getHover(6)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Modeling">MODELING</a> |
− | < | + | <ul> |
+ | <li><a href="https://2016.igem.org/Team:TJUSLS_China/Modeling">Modeling</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:TJUSLS_China/Software">Software</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li onmouseover="getHover(7)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Team">TEAM</a> | ||
− | + | <ul> | |
− | </ | + | <li><a href="https://2016.igem.org/Team:TJUSLS_China/Team">Team</a></li> |
+ | <li><a href="https://2016.igem.org/Team:TJUSLS_China/Collaborations">Collaborations</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <!--<script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_nav?action=raw&ctype=text/javascript"></script>--> | ||
</div> | </div> | ||
+ | <!-- end h_menu4 --> | ||
+ | <div class="clear"></div> | ||
</div> | </div> | ||
+ | <div class="sec-menu"> | ||
+ | <img class="sec-menu-dot" src="https://static.igem.org/mediawiki/2016/f/f9/T--TJUSLS_China--sec-menu.png"/> | ||
+ | <img class="sec-menu-close" src="https://static.igem.org/mediawiki/2016/b/b5/T--TJUSLS_China--sec-menu-close.png"/> | ||
+ | <ul> | ||
+ | <li><a href="#part1">Introduction</a></li> | ||
+ | <li><a href="#part2">Run the Software</a></li> | ||
+ | <li><a href="#part3">Operation</a></li> | ||
+ | <li><a href="#part4">Code</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--title--> | ||
+ | <div class="second-title"> | ||
+ | Software | ||
+ | <div class="second-title-img"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/8/86/T--TJUSLS_China--second-logo.png"/> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--content--> | ||
+ | <div class="second-content"> | ||
+ | <div class="sec-list-wenzi"> | ||
+ | <div class="fengmian"> | ||
+ | <h2>Operation Guide Book of Calculate Software</h2> | ||
+ | <br><br><br><br><br> | ||
+ | <h4>TJUSLS_China Modeling Group</h4> | ||
+ | </div> | ||
+ | <h3 id="part1">Introduction</h3> | ||
+ | <div class="sec-wenzi-content">We utilize High Performance Liquid Chromatography (HPLC) in gaining the production. Our experiment needs a mass of HPLC data. However, it is not convenient to use the integrating software of HPLC apparatus. So we developed a software to process HPLC data using the MATLAB GUI module. | ||
+ | <br>Our software can calculate peak area of any substance by the raw data of HPLC conveniently and accurately. It can display the image details saved at any period of time. It also can automatically identify substance peak and calculate the area. In addition, we can manually select the range of the area calculated. What’s more, in order to facilitate the analysis, it can store the results of calculations in a same file which contains the filename of the HPLC data. | ||
+ | </div> | ||
− | + | <h3 id="part2">Run the Software</h3> | |
− | + | <img src="https://static.igem.org/mediawiki/2016/b/b5/T--TJUSLS_China--software_new1.png" height="500" width="600"> | |
− | <div class=" | + | <div class="sec-wenzi-content">On the pop-up window “GUIDE Quick Start”, choose the “Open Existing GUI”, click “Browse” button. Find the software downloaded and open it. (<a href="https://2016.igem.org/File:T--TJUSLS_China--user.zip">Download link</a>) </div> |
− | + | ||
− | + | <img src="https://static.igem.org/mediawiki/2016/a/a0/T--TJUSLS_China--software_new2.png" height="500" width="600"> | |
− | + | ||
− | + | <img src="https://static.igem.org/mediawiki/2016/a/a7/T--TJUSLS_China--software_new3.png" height="500" width="600"> | |
− | + | ||
− | + | <div class="sec-wenzi-content">Finally, click “▶” (Run Figure) button on the “fig” window. The software is open. | |
+ | </div> | ||
− | + | <img src="https://static.igem.org/mediawiki/2016/d/dc/T--TJUSLS_China--software_new4.png" height="500" width="600"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <div class="sec-wenzi-content"> | |
− | + | If the GUIDE window pop-up, click the “Change Folder” button.</div> | |
− | + | <img src="https://static.igem.org/mediawiki/2016/b/b4/T--TJUSLS_China--software_new5.png" height="500" width="600"> | |
− | + | <h3 id="part3">Operation</h3> | |
− | + | <div class="sec-wenzi-list">Names and Functions of Parts</div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | <img src="https://static.igem.org/mediawiki/2016/6/67/T--TJUSLS_China--software_new6.png" height="500" width="600"> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <div class="sec-wenzi-content"><p style="text-align: center">Picture 1: interface of the software</p></div> | |
− | + | <div class="sec-wenzi-content">Menu bar: The functions of opening a new data file and close the window are available here in menu format. | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <br>Filename display bar: Display the opened filename. | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <br>Image display field: Display the HPLC data image entirely or partly. | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <br>Operation field: When a data is input, process setting and calculate method can be selected using the mouse and the function keys located here. | |
− | + | </div> | |
− | + | <div class="sec-wenzi-list">Basic Operation</div> | |
− | + | <div class="sec-wenzi-list">Open a data file</div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <div class=" | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <div class="sec-wenzi-content">Verify the data file type before open it. | |
− | + | <br> Pure data file is as picture 2; data file with text is as picture 3. | |
− | </ | + | </div> |
− | <a | + | |
+ | <img src="https://static.igem.org/mediawiki/2016/d/d1/T--TJUSLS_China--software_new7.png" height="600" width="400"> | ||
+ | <div class="sec-wenzi-content"><p style="text-align: center">Picture 2: pure data file</p></div> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/2/2a/T--TJUSLS_China--software_new8.png" height="600" width="400"> | ||
+ | <div class="sec-wenzi-content"><p style="text-align: center">Picture 3: data file with text</p></div> | ||
+ | |||
+ | <div class="sec-wenzi-content">If the data file is with text, ensure the radio button (Data file with text) in “Setting” is selected. | ||
+ | <br>If the data file is pure data, ensure it is unselected. | ||
+ | </div> | ||
+ | |||
+ | <img src="https://static.igem.org/mediawiki/2016/8/8b/T--TJUSLS_China--software_new9.png" height="500" width="600"> | ||
+ | <div class="sec-wenzi-content">Click the menu bar “File-open”, data file can be opened in this window.</div> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/e/e6/T--TJUSLS_China--software_new10.png" height="400" width="600"> | ||
+ | |||
+ | <div class="sec-wenzi-content">When the filename is displayed, this file is opened successfully.</div> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/4/49/T--TJUSLS_China--software_new11.png" height="100" width="600"> | ||
+ | |||
+ | <div class="sec-wenzi-list"> Plot the data image </div> | ||
+ | <div class="sec-wenzi-content"> | ||
+ | Click the “Plot All” button, the entire data image will be displayed.</div> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/e/ed/T--TJUSLS_China--software_new12.png" height="500" width="600"> | ||
+ | |||
+ | <div class="sec-wenzi-content">The detail of the image can be displayed when the “Plot Part” button is clicked.</div> | ||
+ | |||
+ | <img src="https://static.igem.org/mediawiki/2016/9/92/T--TJUSLS_China--software_new13.png" height="500" width="600"> | ||
+ | <div class="sec-wenzi-content">Its default range is 21min~22min for our objective peak is in this range. | ||
+ | This range can also be changed by inputting appropriate numbers in the textbox of “tmin” and “tmax”, then click the “Plot All” button, a new image can be displayed.</div> | ||
+ | |||
+ | <img src="https://static.igem.org/mediawiki/2016/7/79/T--TJUSLS_China--software_new14.png" height="500" width="600"> | ||
+ | |||
+ | <div class="sec-wenzi-list">Calculate the peak area</div> | ||
+ | |||
+ | <div class="sec-wenzi-content">If there is only one clear peak in this window, the peak area can be identified and calculated automatically by click the “Auto Calculate” button.</div> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/d/d2/T--TJUSLS_China--software_new15.png" height="500" width="600"> | ||
+ | |||
+ | <div class="sec-wenzi-content">But when there are several peaks or the peak is unclear, it can’t be identified exactly. Then the manual calculate function can be used. | ||
+ | <br> First, click the “Manual Select” button, there will be a focus point. The range can be selected by clicking the image window. | ||
+ | </div> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/3/3a/T--TJUSLS_China--software_new16.png" height="500" width="600"> | ||
+ | <div class="sec-wenzi-content">Then click the “Manual Calculate” button, peak area of the range selected can be calculated.</div> | ||
+ | |||
+ | <img src="https://static.igem.org/mediawiki/2016/7/7f/T--TJUSLS_China--software_new17.png" height="500" width="600"> | ||
+ | |||
+ | <div class="sec-wenzi-list">Output the peak area</div> | ||
+ | <div class="sec-wenzi-content">Click the “Save area” button, the filename of the HPLC data and the peak area will be save into a file whose name is “Peak_area”.</div> | ||
+ | |||
+ | <img src="https://static.igem.org/mediawiki/2016/b/b6/T--TJUSLS_China--software_new18.png" height="500" width="600"> | ||
+ | |||
+ | <img src="https://static.igem.org/mediawiki/2016/3/30/T--TJUSLS_China--software_new19.png" height="500" width="600"> | ||
+ | <div class="sec-wenzi-content">Every time you click the “Save area” button, there will be one line data saved into this file.</div> | ||
+ | |||
+ | |||
+ | <img src="https://static.igem.org/mediawiki/2016/0/06/T--TJUSLS_China--software_new20.png" height="500" width="600"> | ||
+ | |||
+ | <h3 id="part4">Code</h3> | ||
+ | <div class="sec-wenzi-list">Here is our program code:</div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="wenzi-end"></div> | ||
+ | <div class="up"><img src="https://static.igem.org/mediawiki/2016/6/62/T--TJUSLS_China--up.jpg"/></div> | ||
+ | </div> | ||
+ | <!--foot--> | ||
+ | <div class="footer_bg"> | ||
+ | <div class="foot_wrap"> | ||
+ | <div class="footer"> | ||
+ | <div class="footer_btm"> | ||
+ | <div class="copy"> | ||
+ | <p class="w3-link">Copyright 2016 TJUSLS</p> | ||
+ | </div> | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</body> | </body> | ||
− | |||
</html> | </html> |
Revision as of 08:48, 19 October 2016
Software
![](https://static.igem.org/mediawiki/2016/8/86/T--TJUSLS_China--second-logo.png)
Operation Guide Book of Calculate Software
TJUSLS_China Modeling Group
Introduction
We utilize High Performance Liquid Chromatography (HPLC) in gaining the production. Our experiment needs a mass of HPLC data. However, it is not convenient to use the integrating software of HPLC apparatus. So we developed a software to process HPLC data using the MATLAB GUI module.
Our software can calculate peak area of any substance by the raw data of HPLC conveniently and accurately. It can display the image details saved at any period of time. It also can automatically identify substance peak and calculate the area. In addition, we can manually select the range of the area calculated. What’s more, in order to facilitate the analysis, it can store the results of calculations in a same file which contains the filename of the HPLC data.
Our software can calculate peak area of any substance by the raw data of HPLC conveniently and accurately. It can display the image details saved at any period of time. It also can automatically identify substance peak and calculate the area. In addition, we can manually select the range of the area calculated. What’s more, in order to facilitate the analysis, it can store the results of calculations in a same file which contains the filename of the HPLC data.
Run the Software
![](https://static.igem.org/mediawiki/2016/b/b5/T--TJUSLS_China--software_new1.png)
On the pop-up window “GUIDE Quick Start”, choose the “Open Existing GUI”, click “Browse” button. Find the software downloaded and open it. (Download link)
![](https://static.igem.org/mediawiki/2016/a/a0/T--TJUSLS_China--software_new2.png)
![](https://static.igem.org/mediawiki/2016/a/a7/T--TJUSLS_China--software_new3.png)
Finally, click “▶” (Run Figure) button on the “fig” window. The software is open.
![](https://static.igem.org/mediawiki/2016/d/dc/T--TJUSLS_China--software_new4.png)
If the GUIDE window pop-up, click the “Change Folder” button.
![](https://static.igem.org/mediawiki/2016/b/b4/T--TJUSLS_China--software_new5.png)
Operation
Names and Functions of Parts
![](https://static.igem.org/mediawiki/2016/6/67/T--TJUSLS_China--software_new6.png)
Picture 1: interface of the software
Menu bar: The functions of opening a new data file and close the window are available here in menu format.
Filename display bar: Display the opened filename.
Image display field: Display the HPLC data image entirely or partly.
Operation field: When a data is input, process setting and calculate method can be selected using the mouse and the function keys located here.
Filename display bar: Display the opened filename.
Image display field: Display the HPLC data image entirely or partly.
Operation field: When a data is input, process setting and calculate method can be selected using the mouse and the function keys located here.
Basic Operation
Open a data file
Verify the data file type before open it.
Pure data file is as picture 2; data file with text is as picture 3.
Pure data file is as picture 2; data file with text is as picture 3.
![](https://static.igem.org/mediawiki/2016/d/d1/T--TJUSLS_China--software_new7.png)
Picture 2: pure data file
![](https://static.igem.org/mediawiki/2016/2/2a/T--TJUSLS_China--software_new8.png)
Picture 3: data file with text
If the data file is with text, ensure the radio button (Data file with text) in “Setting” is selected.
If the data file is pure data, ensure it is unselected.
If the data file is pure data, ensure it is unselected.
![](https://static.igem.org/mediawiki/2016/8/8b/T--TJUSLS_China--software_new9.png)
Click the menu bar “File-open”, data file can be opened in this window.
![](https://static.igem.org/mediawiki/2016/e/e6/T--TJUSLS_China--software_new10.png)
When the filename is displayed, this file is opened successfully.
![](https://static.igem.org/mediawiki/2016/4/49/T--TJUSLS_China--software_new11.png)
Plot the data image
Click the “Plot All” button, the entire data image will be displayed.
![](https://static.igem.org/mediawiki/2016/e/ed/T--TJUSLS_China--software_new12.png)
The detail of the image can be displayed when the “Plot Part” button is clicked.
![](https://static.igem.org/mediawiki/2016/9/92/T--TJUSLS_China--software_new13.png)
Its default range is 21min~22min for our objective peak is in this range.
This range can also be changed by inputting appropriate numbers in the textbox of “tmin” and “tmax”, then click the “Plot All” button, a new image can be displayed.
![](https://static.igem.org/mediawiki/2016/7/79/T--TJUSLS_China--software_new14.png)
Calculate the peak area
If there is only one clear peak in this window, the peak area can be identified and calculated automatically by click the “Auto Calculate” button.
![](https://static.igem.org/mediawiki/2016/d/d2/T--TJUSLS_China--software_new15.png)
But when there are several peaks or the peak is unclear, it can’t be identified exactly. Then the manual calculate function can be used.
First, click the “Manual Select” button, there will be a focus point. The range can be selected by clicking the image window.
First, click the “Manual Select” button, there will be a focus point. The range can be selected by clicking the image window.
![](https://static.igem.org/mediawiki/2016/3/3a/T--TJUSLS_China--software_new16.png)
Then click the “Manual Calculate” button, peak area of the range selected can be calculated.
![](https://static.igem.org/mediawiki/2016/7/7f/T--TJUSLS_China--software_new17.png)
Output the peak area
Click the “Save area” button, the filename of the HPLC data and the peak area will be save into a file whose name is “Peak_area”.
![](https://static.igem.org/mediawiki/2016/b/b6/T--TJUSLS_China--software_new18.png)
![](https://static.igem.org/mediawiki/2016/3/30/T--TJUSLS_China--software_new19.png)
Every time you click the “Save area” button, there will be one line data saved into this file.
![](https://static.igem.org/mediawiki/2016/0/06/T--TJUSLS_China--software_new20.png)
Code
Here is our program code:
![](https://static.igem.org/mediawiki/2016/6/62/T--TJUSLS_China--up.jpg)