|
|
| (3 intermediate revisions by one other user not shown) |
| Line 1: |
Line 1: |
| − | <html class="no-js">
| + | |
| − | <head>
| + | |
| − | <meta charset="UTF-8">
| + | |
| − | <title>Modeling</title>
| + | |
| − | <link rel="stylesheet" href="https://2015.igem.org/Template:UESTC_Software/CSS?action=raw&ctype=text/css">
| + | |
| − | <link rel="stylesheet" href="https://2015.igem.org/Template:UESTC_Software/wen_css?action=raw&ctype=text/css">
| + | |
| − | <link rel="stylesheet" href="https://2015.igem.org/Template:UESTC_Software/divide_wen_css?action=raw&ctype=text/css">
| + | |
| − | <script src="https://2015.igem.org/Template:UESTC_Software/headjs?action=raw&ctype=text/javascript"></script>
| + | |
| − | </head>
| + | |
| − | <body>
| + | |
| − | <header class="dou_header">
| + | |
| − | <div class="header_logo">
| + | |
| − | <a href="javascript:void(0)"><img src="/wiki/images/f/fc/Uestc_software_head_logo.png"></a>
| + | |
| − | </div>
| + | |
| − | <nav class="dou_divide_nav">
| + | |
| − | <div class="dou_divide_nav_wrap">
| + | |
| − | <ul>
| + | |
| − | <li>
| + | |
| − | <a href="https://2015.igem.org/Team:UESTC_Software">HOME</a>
| + | |
| − | </li>
| + | |
| − | <li class="choose">
| + | |
| − | <a class="" href="javascript:void(0)">PROJECT<br/><i class="iconfont"></i></a>
| + | |
| − | <ul id="menu_pro" class="dou_divide_nav_second clearfix">
| + | |
| − | <li><a href="https://2015.igem.org/Team:UESTC_Software/Description.html">Description</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:UESTC_Software/Results.html">Results</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:UESTC_Software/Design.html">Design</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:UESTC_Software/Modeling.html">Modeling</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:UESTC_Software/Validation.html">Validation</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:UESTC_Software/Software.html">Software</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="javascript:void(0)">TEAM<br/><i class="iconfont"></i></a>
| + | |
| − | <ul id="menu_team" class="dou_divide_nav_second">
| + | |
| − | <li><a href="https://2015.igem.org/Team:UESTC_Software/Members.html">Members</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:UESTC_Software/Attributions.html">Attributions</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="https://2015.igem.org/Team:UESTC_Software/Notebook.html">NOTEBOOK</a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="https://2015.igem.org/Team:UESTC_Software/Practices">HUMAN<br/>PRACTICE</a>
| + | |
| − | <!--<ul id="menu_hum" class="dou_divide_nav_second">
| + | |
| − | <li><a href="https://2015.igem.org/Team:UESTC_Software/Game-human_practice.html">Game</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:UESTC_Software/Meet_up.html">Meet-up</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:UESTC_Software/Collaborations.html">Collaborations</a></li>
| + | |
| − | </ul>-->
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="javascript:void(0)">REQUIREMENTS<br/><i class="iconfont"></i></a>
| + | |
| − | <ul id="menu_req" class="dou_divide_nav_second">
| + | |
| − | <li><a href="https://2015.igem.org/Team:UESTC_Software/Medals.html">Medals</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:UESTC_Software/Safety.html">Safety</a></li>
| + | |
| − | <li style="line-height:1.8rem;"><a href="https://2015.igem.org/Team:UESTC_Software/Documentation.html">API Documentation</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </nav>
| + | |
| − | </header>
| + | |
| − | <div class="cd_half_section" id="c_h_s_desc">
| + | |
| − | <h1>Description</h1>
| + | |
| − | </div>
| + | |
| − | <div class="modeling_div">
| + | |
| − | <section>
| + | |
| − | <h2>Work Flow</h2>
| + | |
| − | <p>Now, we will briefly introduce the work flow of our software and there are four parts: Reference species select, Minimal gene set display, Gene network display and Analysis of assembly.</p>
| + | |
| − | <h3>1) Selecting reference species</h3>
| + | |
| − | <p>This is the first part of MCCAP, and all works of constructing a minimal cell start from here. You can choose species which you want by pulling them to right side or double clicking them. If there are troubles of finding a certain organism, do not forget the sort button in lower left quarter of window.</p>
| + | |
| − | <img src="/wiki/images/thumb/f/f3/Team-UESTC_Software_Soft1.jpg/800px-Team-UESTC_Software_Soft1.jpg.png" />
| + | |
| − | <h3>2) Minimal gene set display</h3>
| + | |
| − | <p>Click arrow button and then three bubbles will appear on the screen. Result is minimal gene set filtered. </p>
| + | |
| − | <img src="/wiki/images/thumb/d/de/Team-UESTC_Software_Soft2.jpg/800px-Team-UESTC_Software_Soft2.jpg.png" />
| + | |
| − | <p>Access number and function of the gene cluster will be displayed directly, you can click on any one of them to see the details.</p>
| + | |
| − | <img src="/wiki/images/thumb/4/41/Team-UESTC_Software_Soft3.jpg/800px-Team-UESTC_Software_Soft3.jpg.png" />
| + | |
| − | <p>You may also want to compare how many differences are there between the two minimal gene sets. That only need to save the species selected, and then view result in history.</p>
| + | |
| − | <img src="/wiki/images/thumb/2/27/Team-UESTC_Software_Soft4.jpg/800px-Team-UESTC_Software_Soft4.jpg.png">
| + | |
| − | <h3>3) Gene network display</h3>
| + | |
| − | <p>Click pathway or module bubble then you can see the details of gene network. All genes that are involved in minimal gene set are marked with red color.</p>
| + | |
| − | <img src="/wiki/images/thumb/5/50/Team-UESTC_Software_Soft5.jpg/800px-Team-UESTC_Software_Soft5.jpg.png">
| + | |
| − | <h3>4) Analysis of assembly</h3>
| + | |
| − | <p>The detailed information of gene cluster is shown in the following figure. It contains cluster information, corresponding gene and biobrick content.</p>
| + | |
| − | <img src="/wiki/images/thumb/2/2d/Team-UESTC_Software_Soft6.jpg/800px-Team-UESTC_Software_Soft6.jpg.png">
| + | |
| − | <p>Here you can know how many genes each gene cluster contains, and also detailed information of each gene. You can also see all of biobricks by clicking view all button.</p>
| + | |
| − | <img src="/wiki/images/thumb/1/18/Team-UESTC_Software_Soft7.jpg/800px-Team-UESTC_Software_Soft7.jpg.png">
| + | |
| − | </section>
| + | |
| − | <section>
| + | |
| − | <h2><i>Software Architecture</i></h2>
| + | |
| − | <p>MCCAP is a typical C/S architecture software, which is composed of server, client database. Communication between the three uses JSON format data.</p>
| + | |
| − | <h3>1) Server</h3>
| + | |
| − | <p>Server is the core of MCCAP, and all of function units and APIs are implemented in server. The program of MCCAP server is coded by PHP (http://www.php.net/). We manage the code separately by their categories. It is convenient for developers to reuse our function unit or codes. For example, If you want to deploy our server in the local, you just need to alter the files in config folder.</p>
| + | |
| − | <h3>2) Client</h3>
| + | |
| − | <p>The program of MCCAP client is coded by C++ and QML with Qt Library (http://www.qt.io/). It is responsible for all of the functions of the user interaction. </p>
| + | |
| − | <h3>3) Database</h3>
| + | |
| − | <p>The database employed by MCCAP employs is MySQL(http://www.mysql.com/).</p>
| + | |
| − | <img src="/wiki/images/7/75/Team-UESTC_Software_Soft8.jpg">
| + | |
| − | <p>What is worth mentioning here is that we made a little change in the software architecture. The change means, on the basis of C/S architecture, we also borrowed some features of B/S architecture. We build an inner browser in the software, so that it can display the page generated at the server side. What are the benefits of doing so? This means we can assign the frequently updated page to the server. It only need to update once on the server, all users can get latest content in the first time.</p>
| + | |
| − | </section>
| + | |
| − | </div>
| + | |
| − | <footer>
| + | |
| − | <div class="footer_define">
| + | |
| − | <div class="footer_logo">
| + | |
| − | <img src="/wiki/images/0/07/Uestc_software_self_logo.png">
| + | |
| − | <p>@2015 Designed & Developed by <span class="green_em">UESTC_SOFTWARE</span> iGEM</p>
| + | |
| − | </div>
| + | |
| − | <ul>
| + | |
| − | <li></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </footer>
| + | |
| − | </body>
| + | |
| − | </html>
| + | |