Team:USTC-Software

From 2013.igem.org

(Difference between revisions)
Line 3: Line 3:
{{USTC-Software/header}}
{{USTC-Software/header}}
-
<html>
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 +
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
-
    <title> USTC-Software Home</title>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
    <meta name="keywords" content="2013 USTC-software,USTC">
+
<title>Home</title>
-
    <meta name="Description" content="Our teammates have designed a software to help the  synthetic biologists work more efficiently
+
-
in the summer holiday.we enjoyed igem ,we enjoyed the competition ">
+
-
<script type="text/javascript" async="" src="https://2013.igem.org/Team:USTC-Software/js/camera?action=raw&ctype=text/javascript"></script>
 
-
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:USTC-Software/css/camera?action=raw&ctype=text/css" media="all">
+
<link href="../CSS/homenew.css" rel="stylesheet" />
 +
<link href="../CSS/camera.css" rel="stylesheet" type="text/css" />
 +
 +
<link href="../CSS/header.css" rel="stylesheet" type="text/css" />
-
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:USTC-Software/css?action=raw&ctype=text/css" media="all">
+
<link href="../CSS/thanks.css" rel="stylesheet" />
-
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:USTC-Software/css/thanks?action=raw&ctype=text/css" media="all">
+
<script src="../JS/totop.js" type="text/javascript"></script>
 +
 
 +
<script type='text/javascript' src='../JS/camera.js'></script>  
Line 23: Line 26:
<body>
<body>
-
<div id="home_1">
+
<div id="top" align="center" name="top">
 +
    <div id="header">
 +
      <div id="team_logo" align="left">
 +
            <a href="home.html" tittle="To our home page"><img src="../images/teamlogo_white1.png" /></a>
 +
        </div>
 +
  <div id="nav-strip">
 +
            <ul>
 +
                <li class="nav-item"><a href="home.html" ><span class="primary-link">Home</span></a>
 +
                <li class="nav-item"><a href="#" ><span class="primary-link">Project</span></a>
 +
                    <div class="subnav ">                     
 +
                      <div class="subnav-inner">
 +
                          <ul>                     
 +
                            <li class="" style=" border-top:#FFF solid 1px;"><a href="overall.html" target="_top">Overall</a></li>
 +
                            <li class=""><a href="software.html" target="_top">Software</a></li>
 +
                            <li class=""><a href="Methodologies.html" target="_top">Method</a></li>
 +
                            <li class=""><a href="Database.html" target="_top">Database</a></li>
 +
                            <li class=""><a href="Clotho App.html" target="_top">Clotho App</a></li>
 +
                            <li class=""><a href="#" target="_top">Exmples</a></li>
 +
                          </ul>                     
 +
                      </div>                     
 +
                  </div>
 +
              </li>
 +
              <li class="nav-item"><a href="medal.html" target="_self"><span class="primary-link">Achieve</span></a>
 +
              <div class="subnav">                     
 +
                      <div class="subnav-inner">
 +
                          <ul>                     
 +
                            <li class="" style=" border-top:#FFF solid 1px;"><a href="medal.html" target="_top">Medal</a></li>
 +
                  </ul>                     
 +
                      </div>                     
 +
                  </div>
 +
              </li>
 +
              <li class="nav-item"><a href="#" ><span class="primary-link">Dev notes</span></a>
 +
              </li>
 +
              <li class="nav-item"><a href="#" ><span class="primary-link">Team</span></a>
 +
              </li>
 +
              <li class="nav-item no-subnav"><a href="#" ><span class="primary-link">Others</span></a>
 +
              <div class="subnav ">                     
 +
                      <div class="subnav-inner">
 +
                          <ul>                     
 +
                            <li class="hp" ><a href="#" target="_top" style="font-size:21px;">Human practice</a></li>
 +
                            <li class=""><a href="#" target="_top">Safety</a></li>
 +
                            <li class=""><a href="#" target="_top">Collaborate</a></li>
 +
                          </ul>                     
 +
                      </div>                     
 +
                  </div>             
 +
              </li>
 +
                                   
 +
          </ul>
 +
      </div>
 +
<script type="text/javascript" src="../JS/header.js"></script>
 +
<div id="igem" align="center">   
 +
<a href="https://2013.igem.org/Main_Page" >
 +
            <img name="button" src="../images/IGEM.png"/>
 +
            </a>
 +
        </div>
 +
    </div>
 +
  </div> 
 +
<!--end of header-->
 +
<div style="background:url(../images/bg.jpg) repeat; height:500px;">
-
<div class="line">
+
<div id="camera">
-
<h1>Welcome to our wiki!</h1>
+
  <div class="camera_wrap camera_white_skin" id="camera_wrap_1" align="center">
 +
                    <div data-thumb="../images/IGEM.PNG" data-src="../images/software start.png">
 +
                        <div class="camera_caption fadeFromBottom">1 <em>Start</em></div>
 +
                    </div>
 +
                    <div data-thumb="../images/IGEM.PNG" data-src="../images/software monitor.png">
 +
                        <div class="camera_caption fadeFromBottom">2 <em>Monitor</em></div>
 +
                    </div>
 +
                    <div data-thumb="../images/IGEM.PNG" data-src="../images/software display.png">
 +
                        <div class="camera_caption fadeFromBottom">3 <em>Display</em></div>
 +
                    </div>
 +
                    <div data-thumb="../images/IGEM.PNG" data-src="../images/software result.png">
 +
                        <div class="camera_caption fadeFromBottom">4 <em>Result</em></div>
 +
                    </div>
 +
  </div>
</div>
</div>
 +
</div>
-
  <div class="camera_wrap camera_azure_skin" id="camera_wrap_1">
 
-
    <div data-thumb="https://static.igem.org/mediawiki/2013/1/1f/USTC-software_6s.jpg" data-src="https://static.igem.org/mediawiki/2012/8/8c/USTC-softare.jpg">
 
-
            <div class="camera_caption fadeFromBottom"> <em>Teammate's birthday</em> </div>
 
-
        </div>
 
-
    <div data-thumb="https://static.igem.org/mediawiki/2013/9/9c/USTC-Software_3.jpg" data-src="https://static.igem.org/mediawiki/2013/f/fd/USTC-Software_3.png">
+
<div id="green">
-
            <div class="camera_caption fadeFromBottom"> <em>Team members were working.</em>            </div>
+
<div class="left">
-
        </div>
+
<h2 align="justify">Overall</h2>
-
    <div data-thumb="https://static.igem.org/mediawiki/2013/1/19/Ustc-software_2s.jpg" data-src="https://static.igem.org/mediawiki/2013/0/0c/Ustc-software_2.jpg">
+
<p align="justify">Genetic Network Analyze and Predict (gNAP) is a software which can model and analyze the change of new GRN constructing after exogenous gene’s import. What’s more, gNAP’s inverse prediction based on overall GRN gives some advise to experimenters before choosing the imported gene meeting their purpose.</p>
-
            <div class="camera_caption fadeFromBottom"><em>Having discussion with iGEM Software co-head judge, Gil Alterovitz.</em></div>
+
<img class="more" src="../images/more.png" />
-
        </div>
+
-
    <div data-thumb="https://static.igem.org/mediawiki/2013/4/4a/USTC-Software_1.jpg" data-src="https://static.igem.org/mediawiki/2013/c/c4/USTC-Software_1.png">
+
-
            <div class="camera_caption fadeFromBottom"> <em>USTC-Software —— The unicorn consists "USTC".</em> </div>
+
-
        </div>
+
-
    <div data-thumb="https://static.igem.org/mediawiki/2013/e/e0/USTC-Software_4.jpg" data-src="https://static.igem.org/mediawiki/2013/9/9a/USTC-Software_4.png">
+
-
            <div class="camera_caption fadeFromBottom"> <em>What's your opinion?</em>            </div>
+
-
        </div>
+
-
    <div data-thumb="https://static.igem.org/mediawiki/2013/e/ed/USTC-Software_5.jpg" data-src="https://static.igem.org/mediawiki/2013/2/26/USTC-Software_5.png">
+
-
            <div class="camera_caption fadeFromBottom"> <em>Come to see this ! ~</em>           </div>
+
-
      </div>
+
-
    </div>
+
-
   
+
</div>
</div>
 +
<div class="right">
 +
<img src="../images/method.png" />
 +
</div>
 +
</div>
-
<div id="home_2">
 
-
   
+
<div id="cyan">
-
        <!--div id="video" align="center">
+
-
<!--embed wmode="transparent" src="https://youtube.googleapis.com/v/kKy9ILR34RA"
+
-
type="application/x-shockwave-flash" width="100%" height="238px" style="margin-top:15px;"
+
-
allowfullscreen="true"></embed-->
+
-
        </div-->
+
 +
<div class="left">
 +
<h2 align="justify"><span class="head">Software</span></h2>
 +
<p align="justify"><span style="font-family:Arial, Helvetica, sans-serif;">gNAP’s source code as well as GUI has been written in C++ language and and visualization parts are written in Java language. All of them can be compiled across platforms.<br />
 +
    There are four major parts of gNAP called Start, Monitor, Result and Display.</span></p>
 +
<img class="more" src="../images/more.png" />
 +
</div>
-
        <!--div id="abstract">
+
  <div class="right">
-
        <h1>Description</h1>
+
<img src="../images/method.png" />
-
   
+
</div>
-
        <p>Synthetic biology has been working on transforming target organisms, which usually means integrating new genes with an available network to achieve a high expression level of certain compounds. Nevertheless, the new-integrated genes are always not the original parts of the target metabolic network, so it is hard to predict how the new genes will affect the network. </p>
+
-
        <p>Our application aims to simulate genetic networks. The application analyzes the stability of genetic networks after introduction of exogenous genes. Meanwhile, given the original network and specific purposes, the application traces the regulative process back and gives possible regulative patterns.</p>
+
-
        </div-->
+
-
   
+
-
        <div class="contain">
+
-
            <div class="description_l"><img src="https://static.igem.org/mediawiki/2012/2/28/USTC-Software-images-4.png"/></div>
+
</div>
-
            <div class="description_r">
+
-
            <h3>Description 1</h3>
+
-
            <p>Synthetic biology has been working on transforming target organisms, which usually means integrating new genes with an available network to achieve a high expression level of certain compounds. Nevertheless, the new-integrated genes are always not the original parts of the target metabolic network, so it is hard to predict how the new genes will affect the network.</p>
+
-
            <a href="">read more</a>
+
-
            </div>  
+
-
   
 
-
        </div>
 
 +
<div id="blue">
-
        <div class="contain">
+
<div class="left">
 +
<h2 align="justify">Methodologies</h2>
 +
<p align="justify">In order to simulate the GRN’s working and analyze the changing after exogenous gene imported, some advanced algorithms and classical methods are employed in the software. These algorithms and methods include Binary Tree method, Needle-Wunsch Algorithm, Decision Tree method, Hill Equation and PSO Algorithm.</p>
-
            <div class="description_l"><img src="https://static.igem.org/mediawiki/2012/3/37/USTC-Software-images-1.png"/></div>
+
<img class="more" src="../images/more.png" />
-
            <div class="description_r">
+
-
            <h3>description 2</h3>
+
-
            <p>Our application aims to simulate genetic networks. The application analyzes the stability of genetic networks after introduction of exogenous genes. Meanwhile, given the original network and specific purposes, the application traces the regulative process back and gives possible regulative patterns.</p>
+
-
            <a href="">read more</a>
+
-
            </div>  
+
 +
</div>
-
   
+
<div class="right">
-
        </div>
+
<img src="../images/method.png" />
 +
</div>
 +
</div>
-
<div class="contain">
 
-
            <div class="description_l"><img src="https://static.igem.org/mediawiki/2012/2/28/USTC-Software-images-4.png"/></div>
 
-
            <div class="description_r">
 
-
            <h3>Map</h3>
 
-
            <p>Map is a simple and easy software to visualize your experimental data. Click to import the data and you will get exactly what you want.</p>
 
-
            <a href="">read more</a>
 
-
            </div>
 
 +
<div id="purple">
-
   
+
<div class="left">
-
        </div>
+
<h2 align="justify"><span class="head">Human Practice</span></h2>
 +
<p align="justify">Genetic Network Analyze and Predict (gNAP) is a software which can model and analyze the change of new GRN constructing after exogenous gene’s import. What’s more, gNAP’s inverse prediction based on overall GRN gives some advise to experimenters before choosing the imported gene meeting their purpose.</p>
 +
<img class="more" src="../images/more.png" />
 +
</div>
 +
  <div class="right">
 +
<img src="../images/method.png" />
 +
</div>
 +
</div>
-
             
+
    <div id="sponsors">
-
        <div id="ash">
+
    <div style="margin-left:100px;">
-
       
+
    <h2>Sponsors</h2>
-
            <div id="ash_container"><h3>Console</h3>
+
-
                    <div align="center"><a href=""><img src="https://static.igem.org/mediawiki/2012/0/0d/USTC-Software-images-2.png" width="250" height="100" title="Console" border="0"></a></div>
+
-
                  <div>
+
-
                  <p>Console is where you manage heavy computing and complex tasks. With different buttons controlling each parameter, you can optimize the behaviors of the software. We applied evolution algorithm and machine learning techniques in the network inferences to provide the best simulation of your data.</p>
+
-
                              <div><span><a href=" ">Read More</a></span></div>
+
-
                  </div>
+
-
    </div>     
+
-
       
+
-
            <div id="ash_container"><h3>Sand Box</h3>
+
-
                <div align="center"><a href="" ><img src="https://static.igem.org/mediawiki/2012/3/3c/USTC-Software-images-3.png" width="250" height="100" title="Sandbox" border="0"></a></div>       
+
-
        <div>
+
-
                        <p>SandBox displays the Genetic Regulatory Networks in a clean and interactive way, with clear connection and 3-D interaction, you will get better understanding of how genes and proteins regulating each other.</p>
+
-
                              <div><span><a href="">Read More</a></span></div>
+
-
        </div>
+
-
            </div>
+
-
     
+
-
        </div><!--ash-->
+
-
 
+
-
</div>
+
-
 
+
-
 
+
-
<div id="home_3">
+
-
 
+
-
<h2>Sponsors</h2>
+
-
<div id="sponsors1">
+
     <div class="img" id="img">
-
     <div class='img' id='img'>
+
     <div class='mask1'></div>
     <div class='mask1'></div>
-
     <a href="http://china.db.com/index_e.html"><img src='https://static.igem.org/mediawiki/2013/b/b2/USTC-Software_Db.png' /></a>
+
     <a href="http://china.db.com/index_e.html"><img src='../images/USTC-Software-images-db-logo.png' /></a>
     </div>
     </div>
    
    
   <div class='img' id='img'>
   <div class='img' id='img'>
     <div class='mask2'></div>
     <div class='mask2'></div>
-
     <a href="http://www.ustcif.org/default.php"><img src='https://static.igem.org/mediawiki/2013/8/83/USTC-Software_Ustcif.png' /></a>
+
     <a href="http://www.ustcif.org/default.php"><img src='../images/USTC-Software-images-ustcif-logo.png' /></a>
     </div>
     </div>
 +
   
 +
    </div><!--end of up block-->
    
    
 +
    <div style="clear:both; margin-left:20px;">
   <div class='img' id='img'>
   <div class='img' id='img'>
     <div class='mask3'></div>
     <div class='mask3'></div>
-
     <a href="http://www.teach.ustc.edu.cn/"><img src='https://static.igem.org/mediawiki/2013/6/6c/USTC-Software_Teaching.png' /></a>
+
     <a href="http://www.teach.ustc.edu.cn/"><img src='../images/USTC-Software-images-teaching-logo.png' /></a>
-
    </div>
+
  </div>
    
    
   <div class='img' id='img'>
   <div class='img' id='img'>
     <div class='mask4'></div>
     <div class='mask4'></div>
-
     <a href="http://en.biox.ustc.edu.cn/"><img src='https://static.igem.org/mediawiki/2013/b/bb/USTC-Software_Life.png' /></a>
+
     <a href="http://en.physics.ustc.edu.cn//"><img src='../images/USTC-Software-images-physics-logo.png' /></a>
-
    </div>
+
  </div>
-
</div>
+
   
-
 
+
   <div class='img' id='img'>
-
<div id="sponsors2">    
+
-
    <div class='img' id='img'>
+
     <div class='mask5'></div>
     <div class='mask5'></div>
-
     <a href="http://en.scgy.ustc.edu.cn/"><img src='https://static.igem.org/mediawiki/2013/0/0a/USTC-Software_Young.png' /></a>
+
     <a href="http://en.biox.ustc.edu.cn/"><img src='../images/USTC-Software-images-life-logo.png' /></a>
-
    </div>
+
  </div>
 +
  </div><!--end of bottom block-->
      
      
-
    <div class='img' id='img'>
+
  </div>
-
    <div class='mask6'></div>
+
-
    <a href="http://en.physics.ustc.edu.cn/"><img src='https://static.igem.org/mediawiki/2013/4/46/USTC-Software_Physics.png' /></a>
+
-
    </div>
+
-
   
+
-
      <div class='img' id='img'>
+
-
    <div class='mask7'></div>
+
-
    <a href="http://math.ustc.edu.cn/new/En/"><img src='https://static.igem.org/mediawiki/2013/1/12/USTC-Software_Math.png' /></a>
+
-
    </div>
+
-
   
+
-
      <div class='img' id='img'>
+
-
    <div class='mask8'></div>
+
-
    <a href="http://en.snst.ustc.edu.cn/"><img src='https://static.igem.org/mediawiki/2013/c/c8/USTC-Software_Nuclear.png' /></a>
+
-
    </div>
+
-
</div>
+
-
 
+
-
</div>
+
</body>
</body>
</html>
</html>

Revision as of 19:49, 21 September 2013

Slide

Take a gNAP before wearing your gloves! Genetic Network Analyze and Predict
The sketch and final GUI of gNAP!
We compare the result of our software with gene expression profile in literature.
We are USTC-Software!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Home

1 Start
2 Monitor
3 Display
4 Result

Overall

Genetic Network Analyze and Predict (gNAP) is a software which can model and analyze the change of new GRN constructing after exogenous gene’s import. What’s more, gNAP’s inverse prediction based on overall GRN gives some advise to experimenters before choosing the imported gene meeting their purpose.

Software

gNAP’s source code as well as GUI has been written in C++ language and and visualization parts are written in Java language. All of them can be compiled across platforms.
There are four major parts of gNAP called Start, Monitor, Result and Display.

Methodologies

In order to simulate the GRN’s working and analyze the changing after exogenous gene imported, some advanced algorithms and classical methods are employed in the software. These algorithms and methods include Binary Tree method, Needle-Wunsch Algorithm, Decision Tree method, Hill Equation and PSO Algorithm.

Human Practice

Genetic Network Analyze and Predict (gNAP) is a software which can model and analyze the change of new GRN constructing after exogenous gene’s import. What’s more, gNAP’s inverse prediction based on overall GRN gives some advise to experimenters before choosing the imported gene meeting their purpose.

Sponsors