Difference between revisions of "Team:TJUSLS China/Software"

 
(5 intermediate revisions by the same user not shown)
Line 11: Line 11:
 
<style>
 
<style>
 
     .sec-list-wenzi .sec-wenzi-list {
 
     .sec-list-wenzi .sec-wenzi-list {
 
+
        font-weight: 600;
 
         text-align: left;
 
         text-align: left;
 
     }
 
     }
Line 45: Line 45:
 
         color: #6AA788;
 
         color: #6AA788;
 
         padding-top: 30px;
 
         padding-top: 30px;
 +
        height: 65px;
 
     }
 
     }
 
     .sec-list-wenzi h4 {
 
     .sec-list-wenzi h4 {
Line 172: Line 173:
  
 
         <h3 id="part2">Run the Software</h3>
 
         <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="sec-wenzi-content">The software must run in MATLAB GUI environment.
 +
        <br>Open the MATLAB program in your computer, input “guide” on the “command window”, then press “enter” on the keyboard.
 +
</div>
 +
         <img src="https://static.igem.org/mediawiki/2016/b/b5/T--TJUSLS_China--software_new1.png">
 
         <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>
 
         <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/a0/T--TJUSLS_China--software_new2.png">
  
         <img src="https://static.igem.org/mediawiki/2016/a/a7/T--TJUSLS_China--software_new3.png" height="500" width="600">
+
         <img src="https://static.igem.org/mediawiki/2016/a/a7/T--TJUSLS_China--software_new3.png">
  
 
         <div class="sec-wenzi-content">Finally, click “▶” (Run Figure) button on the “fig” window. The software is open.
 
         <div class="sec-wenzi-content">Finally, click “▶” (Run Figure) button on the “fig” window. The software is open.
</div>
+
        </div>
  
         <img src="https://static.igem.org/mediawiki/2016/d/dc/T--TJUSLS_China--software_new4.png" height="500" width="600">
+
         <img src="https://static.igem.org/mediawiki/2016/d/dc/T--TJUSLS_China--software_new4.png">
  
 
         <div class="sec-wenzi-content">
 
         <div class="sec-wenzi-content">
        If the GUIDE window pop-up, click the “Change Folder” button.</div>
+
            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">
+
         <img src="https://static.igem.org/mediawiki/2016/b/b4/T--TJUSLS_China--software_new5.png">
 
         <h3 id="part3">Operation</h3>
 
         <h3 id="part3">Operation</h3>
 
         <div class="sec-wenzi-list">Names and Functions of Parts</div>
 
         <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">
+
         <img src="https://static.igem.org/mediawiki/2016/6/67/T--TJUSLS_China--software_new6.png">
  
 
         <div class="sec-wenzi-content"><p style="text-align: center">Picture 1: interface of the software</p></div>
 
         <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.
+
         <div class="sec-wenzi-content"><b>Menu bar</b>: 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><b>Filename display bar</b>: Display the opened filename.
  
             <br>Image display field: Display the HPLC data image entirely or partly.
+
             <br><b>Image display field</b>: 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.
+
             <br><b>Operation field</b>: When a data is input, process setting and calculate method can be selected using the mouse and the function keys located here.
</div>
+
        </div>
 
         <div class="sec-wenzi-list">Basic Operation</div>
 
         <div class="sec-wenzi-list">Basic Operation</div>
            <div class="sec-wenzi-list">Open a data file</div>
+
        <div class="sec-wenzi-content">Open a data file</div>
  
 
         <div class="sec-wenzi-content">Verify the data file type before open it.
 
         <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.
+
            <br> Pure data file is as picture 2; data file with text is as picture 3.
</div>
+
        </div>
  
         <img src="https://static.igem.org/mediawiki/2016/d/d1/T--TJUSLS_China--software_new7.png" height="600" width="400">
+
         <img src="https://static.igem.org/mediawiki/2016/d/d1/T--TJUSLS_China--software_new7.png">
 
         <div class="sec-wenzi-content"><p style="text-align: center">Picture 2: pure data file</p></div>
 
         <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">
+
         <img src="https://static.igem.org/mediawiki/2016/2/2a/T--TJUSLS_China--software_new8.png">
 
         <div class="sec-wenzi-content"><p style="text-align: center">Picture 3: data file with text</p></div>
 
         <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.
 
         <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.
 
             <br>If the data file is pure data, ensure it is unselected.
</div>
+
        </div>
  
         <img src="https://static.igem.org/mediawiki/2016/8/8b/T--TJUSLS_China--software_new9.png" height="500" width="600">
+
         <img src="https://static.igem.org/mediawiki/2016/8/8b/T--TJUSLS_China--software_new9.png">
 
         <div class="sec-wenzi-content">Click the menu bar “File-open”, data file can be opened in this window.</div>
 
         <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">
+
         <img src="https://static.igem.org/mediawiki/2016/e/e6/T--TJUSLS_China--software_new10.png">
  
 
         <div class="sec-wenzi-content">When the filename is displayed, this file is opened successfully.</div>
 
         <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">
+
         <img src="https://static.igem.org/mediawiki/2016/4/49/T--TJUSLS_China--software_new11.png">
  
 
         <div class="sec-wenzi-list"> Plot the data image </div>
 
         <div class="sec-wenzi-list"> Plot the data image </div>
 
         <div class="sec-wenzi-content">
 
         <div class="sec-wenzi-content">
 
             Click the “Plot All” button, the entire data image will be displayed.</div>
 
             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">
+
         <img src="https://static.igem.org/mediawiki/2016/e/ed/T--TJUSLS_China--software_new12.png">
  
 
         <div class="sec-wenzi-content">The detail of the image can be displayed when the “Plot Part” button is clicked.</div>
 
         <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">
+
         <img src="https://static.igem.org/mediawiki/2016/9/92/T--TJUSLS_China--software_new13.png">
 
         <div class="sec-wenzi-content">Its default range is 21min~22min for our objective peak is in this range.
 
         <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>
 
             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">
+
         <img src="https://static.igem.org/mediawiki/2016/7/79/T--TJUSLS_China--software_new14.png">
  
 
         <div class="sec-wenzi-list">Calculate the peak area</div>
 
         <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>
 
         <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">
+
         <img src="https://static.igem.org/mediawiki/2016/d/d2/T--TJUSLS_China--software_new15.png">
  
 
         <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.
 
         <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.
+
            <br> First, click the “Manual Select” button, there will be a focus point. The range can be selected by clicking the image window.
</div>
+
        </div>
         <img src="https://static.igem.org/mediawiki/2016/3/3a/T--TJUSLS_China--software_new16.png" height="500" width="600">
+
         <img src="https://static.igem.org/mediawiki/2016/3/3a/T--TJUSLS_China--software_new16.png">
 
         <div class="sec-wenzi-content">Then click the “Manual Calculate” button, peak area of the range selected can be calculated.</div>
 
         <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">
+
         <img src="https://static.igem.org/mediawiki/2016/7/7f/T--TJUSLS_China--software_new17.png">
  
 
         <div class="sec-wenzi-list">Output the peak area</div>
 
         <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>
 
         <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/b/b6/T--TJUSLS_China--software_new18.png">
  
         <img src="https://static.igem.org/mediawiki/2016/3/30/T--TJUSLS_China--software_new19.png" height="500" width="600">
+
         <img src="https://static.igem.org/mediawiki/2016/3/30/T--TJUSLS_China--software_new19.png">
 
         <div class="sec-wenzi-content">Every time you click the “Save area” button, there will be one line data saved into this file.</div>
 
         <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">
+
         <img src="https://static.igem.org/mediawiki/2016/0/06/T--TJUSLS_China--software_new20.png">
  
 
         <h3 id="part4">Code</h3>
 
         <h3 id="part4">Code</h3>
 
         <div class="sec-wenzi-list">Here is our program code:</div>
 
         <div class="sec-wenzi-list">Here is our program code:</div>
  
 
+
        <img src="https://static.igem.org/mediawiki/2016/b/be/T--TJUSLS_China--software_code1.png">
 
+
        <br><img src="https://static.igem.org/mediawiki/2016/4/40/T--TJUSLS_China--software_code2.png">
 +
        <br><img src="https://static.igem.org/mediawiki/2016/5/53/T--TJUSLS_China--software_code3.png">
 +
        <br><img src="https://static.igem.org/mediawiki/2016/5/51/T--TJUSLS_China--software_code4.png">
 +
        <br><img src="https://static.igem.org/mediawiki/2016/6/6c/T--TJUSLS_China--software_code5.png">
 +
        <br><img src="https://static.igem.org/mediawiki/2016/4/42/T--TJUSLS_China--software_code6.png">
 +
        <br><img src="https://static.igem.org/mediawiki/2016/8/8a/T--TJUSLS_China--software_code7.png">
  
  

Latest revision as of 12:34, 19 October 2016

Menu
Software

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.

Run the Software

The software must run in MATLAB GUI environment.
Open the MATLAB program in your computer, input “guide” on the “command window”, then press “enter” on the keyboard.
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)
Finally, click “▶” (Run Figure) button on the “fig” window. The software is open.
If the GUIDE window pop-up, click the “Change Folder” button.

Operation

Names and Functions of Parts

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.
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.

Picture 2: pure data file

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.
Click the menu bar “File-open”, data file can be opened in this window.
When the filename is displayed, this file is opened successfully.
Plot the data image
Click the “Plot All” button, the entire data image will be displayed.
The detail of the image can be displayed when the “Plot Part” button is clicked.
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.
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.
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.
Then click the “Manual Calculate” button, peak area of the range selected can be calculated.
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”.
Every time you click the “Save area” button, there will be one line data saved into this file.

Code

Here is our program code: