|
|
(31 intermediate revisions by 2 users not shown) |
Line 1: |
Line 1: |
| {{SJTU-software}} | | {{SJTU-software}} |
| <html> | | <html> |
| + | <style> |
| + | /*================================================================================*/ |
| + | /*public engagement*/ |
| + | #posts-list { |
| + | position: relative; |
| + | width: 720px; |
| + | margin-top: 15px; |
| + | margin-left: 30px; |
| + | margin-bottom: 40px; |
| + | float: left; |
| + | } |
| + | |
| + | #posts-list article { |
| + | position: relative; |
| + | margin-bottom: 40px; |
| + | padding-bottom: 40px; |
| + | border-bottom: 1px solid #6b3b25; |
| + | text-align:justify; |
| + | } |
| + | #posts-list article:last-child { |
| + | border: none; |
| + | } |
| + | #posts-list article .feature-image { |
| + | position: relative; |
| + | line-height: 0px; |
| + | border: 5px solid #fff; |
| + | -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); |
| + | -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); |
| + | -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); |
| + | box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); |
| + | margin: 0px 66px 6px 66px; |
| + | } |
| + | #posts-list article .feature-image:after { |
| + | position: absolute; |
| + | bottom: -22px; |
| + | left: 0px; |
| + | content: ''; |
| + | background: url(https://static.igem.org/mediawiki/2018/2/2e/T--SJTU-software--stacked-paper.png) no-repeat right bottom; |
| + | width: 100%; |
| + | height: 17px; |
| + | } |
| + | #posts-list article .feature-image img { |
| + | max-width: 100%; |
| + | } |
| + | #posts-list article .meta { |
| + | color: #c78301; |
| + | text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5); |
| + | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, serif; |
| + | font-size: 18px; |
| + | margin-bottom: 14px; |
| + | } |
| + | #posts-list article .meta a { |
| + | color: #c78301; |
| + | text-decoration: none; |
| + | } |
| + | #posts-list article .entry-title { |
| + | color: #6b3b25; |
| + | text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5); |
| + | margin-bottom: 14px; |
| + | } |
| + | #posts-list article .entry-title .post-heading { |
| + | color: #6b3b25; |
| + | text-decoration: none; |
| + | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; |
| + | font-size: 24px; |
| + | font-weight: 700; |
| + | } |
| + | #posts-list article .subtitle{ |
| + | color: #6b3b25; |
| + | text-decoration: none; |
| + | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; |
| + | font-size: 20px; |
| + | font-weight: 600; |
| + | } |
| + | #posts-list article .excerpt { |
| + | text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5); |
| + | margin-bottom: 21px; |
| + | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, serif; |
| + | font-size: 18px; |
| + | line-height: 1.5em; |
| + | color: #6b3b25; |
| + | } |
| + | #posts-list.single-post article { |
| + | border: none; |
| + | } |
| + | /*-----------------------------------------------------------------------------------*/ |
| + | /* PAGE NAVIGATION |
| + | /*-----------------------------------------------------------------------------------*/ |
| + | #posts-list .page-navigation { |
| + | position: relative; |
| + | left: 50%; |
| + | display: block; |
| + | margin-bottom: 100px; |
| + | float: left; |
| + | } |
| + | #posts-list .page-navigation div { |
| + | position: relative; |
| + | right: 50%; |
| + | } |
| + | #posts-list .page-navigation div span { |
| + | margin-bottom: 15px; |
| + | display: inline-block; |
| + | } |
| + | #posts-list .page-navigation div:hover a { |
| + | color: #6b3b25; |
| + | } |
| + | #posts-list .page-navigation a { |
| + | -webkit-transition: all 0.3s ease; |
| + | -moz-transition: all 0.3s ease; |
| + | -o-transition: all 0.3s ease; |
| + | transition: all 0.3s ease; |
| + | color: #fff; |
| + | display: block; |
| + | font-size: 12px; |
| + | line-height: 41px; |
| + | width: 112px; |
| + | text-decoration: none; |
| + | text-align: center; |
| + | } |
| + | #posts-list .page-navigation .nav-next { |
| + | float: left; |
| + | margin-right: 20px; |
| + | background: url(https://static.igem.org/mediawiki/2018/2/2d/T--SJTU-software--pagination.png) no-repeat 0px 0px; |
| + | } |
| + | #posts-list .page-navigation .nav-previous { |
| + | float: right; |
| + | background: url(https://static.igem.org/mediawiki/2018/2/2d/T--SJTU-software--pagination.png) no-repeat right -59px; |
| + | } |
| + | /*-----------------------------------------------------------------------------------*/ |
| + | /*-----------------------------------------------------------------------------------*/ |
| + | /* SIDEBAR |
| + | /*-----------------------------------------------------------------------------------*/ |
| + | #sidebar { |
| + | position: relative; |
| + | width: 220px; |
| + | margin-right: 30px; |
| + | margin-top: 30px; |
| + | margin-bottom: 30px; |
| + | float: right; |
| + | } |
| + | #sidebar .block { |
| + | font-size: 17px; |
| + | margin-bottom: 15px; |
| + | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; |
| + | text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5); |
| + | } |
| + | #sidebar .block a { |
| + | text-decoration: none; |
| + | color: #c78301; |
| + | } |
| + | #sidebar .block a:hover { |
| + | border-bottom: 1px dotted #c78301; |
| + | } |
| + | #sidebar .block .heading { |
| + | color: #6b3b25; |
| + | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; |
| + | font-weight: 700; |
| + | line-height: 20px; |
| + | font-size: 20px; |
| + | border-top: 4px solid #6b3b25; |
| + | border-bottom: 1px solid #6b3b25; |
| + | text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5); |
| + | margin-top: 0px; |
| + | } |
| + | #sidebar .ads img { |
| + | margin-bottom: 10px; |
| + | margin-right: 0px; |
| + | } |
| + | /*-----------------------------------------------------------------------------------*/ |
| + | |
| + | .headline{ |
| + | color: #6b3b25; |
| + | text-decoration: none; |
| + | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; |
| + | font-size: 32px; |
| + | font-weight: 800; |
| + | margin: 20px; |
| + | } |
| + | ul{ |
| + | list-style:none; |
| + | } |
| + | |
| + | li{ |
| + | padding: 4px 0px 1px 0px; |
| + | margin: 2px 0px 1px 0px; |
| + | } |
| + | .excerpt a { |
| + | color: #e09402; |
| + | text-decoration: none; |
| + | } |
| + | .excerpt a:hover { |
| + | color: #c78301; |
| + | border-bottom: 1px dotted #c78301; |
| + | } |
| + | </style> |
| + | |
| <body> | | <body> |
| <div class="wrapper"> | | <div class="wrapper"> |
− | <!-- HEADER -->
| |
− | <header class="cf">
| |
− | <div id="logo"><a href="https://2018.igem.org/Team:SJTU-software"> <img src="https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/teamlogo.png" height="90"/></a></div>
| |
− | <div id="title">SJTU-software</div>
| |
− | <div id="subtitle">Metlab: a metabolic network alignment tool</div>
| |
− | </header>
| |
| | | |
− | <!-- NAV -->
| |
− | <nav class="cf">
| |
− | <ul id="nav" class="sf-menu">
| |
− | <li class="current-menu-item"><a href="https://2018.igem.org/Team:SJTU-software">HOME</a></li>
| |
− | <li><a href="">TEAM</a>
| |
− | <ul>
| |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/Team">TEAM</a></li>
| |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/Collaborations">COLLABRATIONS</a></li>>
| |
− | </ul>
| |
− | </li>
| |
− | <li><a href="">PROJECT</a>
| |
− | <ul>
| |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/Description">DESCRIPTION</a></li>
| |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/Design">DESIGN</a></li>
| |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/Notebook">NOTEBOOK</a></li>
| |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/Contribution">CONTRIBUTION</a></li>
| |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/Demonstrate">DEMONSTRATE</a></li>
| |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/Improve">IMPROVE</a></li>
| |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/Attributions">ATTRIBUTIONS</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li><a href="">HUMAN PRACTICE</a>
| |
− | <ul>
| |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/HP/Silver">SILVER HP</a></li>
| |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/HP/Gold_Intergrated">INTERCRATED AND COLD</a></li>
| |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/Engagement">PUBLIC ENGAGEMENT</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | </ul>
| |
− | </nav>
| |
− | <!-- ENDS NAV-->
| |
| | | |
| <!-- MAIN--> | | <!-- MAIN--> |
| + | <div id="main" class="cf"> |
| + | <div class="headline"> |
| + | Project —— Description |
| + | </div> |
| + | <!-- posts list --> |
| + | <div id="posts-list" class="cf"> |
| + | |
| + | <article class="cf" id="Background"> |
| + | |
| + | <div class="entry-title"> |
| + | <div class="post-heading" >BACKGROUND</div> |
| + | </div> |
| + | <div class="excerpt"> |
| + | With the development of experimental techniques such as yeast two-hybrid, mass spectrometry, chromosome immunoprecipitation, tandem affinity purification, protein chip, phage display and literature mining, a large number of molecular interaction data, also known as biological network data, such as protein interaction network, metabolic network, Gene expression network, gene regulatory network and signal transduction network have been generated. And these data showed an exponential growth trend. |
| + | </div> |
| + | <div class="excerpt"> |
| + | Nowadays, a great deal of research work on biological network data has been carried out. Among them, one of important researches is the comparative analysis of biological network data, the alignment of biological networks. Through the alignment, we can understand and study organisms, find the correlation between their structure and function, study the evolution and evolution of organisms based on the comparison results of biological network data, and transfer knowledge between different networks. With unknown organisms, we study un-known organisms. |
| + | </div> |
| + | <div class="excerpt"> |
| + | At present, most of the research work is only for a specific problem or application, the time complexity of the algorithm is high, and the algorithm is inefficient. The aim of the research on alignment models and algorithms of biological networks is to develop a general-purpose alignment software, which can efficiently align multiple biological networks with multiple application patterns, similar to the sequence alignment software BLAST. |
| + | </div> |
| + | <div class="excerpt"> |
| + | At the same time, the Systems Biology Markup Language (SBML), a representation and standard format representing many different classes of biological phenomena, including metabolic networks, cell signaling pathways, is frequently used and visualized. There are currently three LEVELs of SBML defined. SBML is defined in LEVELs. However, each LEVEL can have multiple VERSIONs within it, and new VERSIONs of a LEVEL dosupersede old VERSIONs of that same LEVEL. Therefore, it is necessary to be compared in different versions. |
| + | </div> |
| + | <div class="excerpt"> |
| + | Using Metlab, researchers are likely to find some interesting genes through network comparisons to establish their own metabolic pathway. Therefore, we present them with the gene editing section. The gene of interest can be easily analyzed in different aspects. Certainly, the analysis of a chromosome or a plasmid is also available. Different from the traditional NCBI database, this section is nicely visualized and functionally improved. |
| + | </div> |
| + | |
| + | </article> |
| + | |
| + | <article class="cf" id="What"> |
| + | <div class="entry-title"> |
| + | <div class="post-heading" >WHAT IS METLAB ?</div> |
| + | </div> |
| + | <div class="excerpt"> |
| + | METLAB is an online integrated Toolbox, focusing on more efficient network alignment and more convenient model visualization. Due to requirement we found in actual study, several bioinformatics tools are integrated into METLAB, to help users research more effectively. The interface is terse, friendly and can be used conveniently with steady and safe in motion. Simply choose one function, upload the .met file and run, users can get what they need. |
| + | </div> |
| + | <div class="excerpt"> |
| + | One of the primary functions in Metlab is biological network alignment, presented in a vivid way. It makes comparisons between local pathway and online pathways accessible, in order to get the whole picture. Its metabolic networks model is constructed on the basis of BiGG. With just one click, users can obtain an analysis report for their pathway, which is defined by metabolite reaction. Metlab can also be used to visualize SBML model and compare different versions. Other functions include SMILES’s visualization and DNA editing. |
| + | </div> |
| + | <!-- <div class="excerpt"> |
| + | pharetra. |
| + | </div> --> |
| + | |
| + | </article> |
| | | |
| + | <article class="cf" id="How"> |
| + | <div class="entry-title"> |
| + | <div class="post-heading" >HOW TO USE IT?</div> |
| + | </div> |
| + | <div class="excerpt"> |
| + | Visit <a href="http://metlab-sjtu.com" target="_blank" >http://metlab-sjtu.com </a> |
| + | </div> |
| + | <div class="feature-image"> |
| + | <img src="https://static.igem.org/mediawiki/2018/a/a8/T--SJTU-software--MetLab.jpg"> |
| + | </div> |
| + | <div class="excerpt"> |
| + | Select the function in need on the page. |
| + | </div> |
| + | <div class="excerpt"> |
| + | Upload the .met file. |
| + | </div> |
| + | <div class="excerpt"> |
| + | Have a try! |
| + | </div> |
| + | |
| + | </article> |
| + | |
| + | </div> |
| + | <!-- ENDS post list --> |
| + | |
| + | <!-- SIDEBAR --> |
| + | <aside id="sidebar" > |
| + | |
| + | <ul> |
| + | <li class="block"> |
| + | <h4 class="heading" align="center">Description</h4> |
| + | <ul> |
| + | <li class="cat-item"><a href="#Background" >BACKGROUND</a></li> |
| + | <li class="cat-item"><a href="#What" >WHAT IS METLAB?</a></li> |
| + | <li class="cat-item"><a href="#How" >HOW TO USE IT?</a></li> |
| + | </ul> |
| + | </li> |
| + | </ul> |
| + | </aside> |
| + | <!-- ENDS SIDEBAR --> |
| + | |
| + | </div> |
| <!-- ENDS MAIN --> | | <!-- ENDS MAIN --> |
| | | |
− |
| |
− | <!-- WIDGETS -->
| |
− | <ul class="widget-cols cf">
| |
− | <li class="first-col">
| |
− |
| |
− | <div class="widget-block">
| |
− | <h4>Address</h4>
| |
− | <p>NO. 800 DONGCHUAN ROAD, MINHANG DISTRICT, SHANGHAI, CHINA
| |
− | <!-- <a href="#/blog/license/" >link</a> -->
| |
− | </p>
| |
− | </div>
| |
− | </li>
| |
− |
| |
− | <li class="second-col">
| |
− |
| |
− | <div class="widget-block">
| |
− | <h4>Contact Us</h4>
| |
− |
| |
− | </div>
| |
− |
| |
− | </li>
| |
− |
| |
− | <li class="third-col">
| |
− |
| |
− | <div class="widget-block">
| |
− | <h4>DUMMY TEXT</h4>
| |
− | <p></p>
| |
− | </div>
| |
− |
| |
− | </li>
| |
− |
| |
− | <li class="fourth-col">
| |
− |
| |
− | <div class="widget-block">
| |
− | <h4>CATEGORIES</h4>
| |
− | <ul>
| |
− | <li class="cat-item"><a href="#" >Design</a></li>
| |
− | <li class="cat-item"><a href="#" >Photo</a></li>
| |
− | <li class="cat-item"><a href="#" >Art</a></li>
| |
− | <li class="cat-item"><a href="#" >Game</a></li>
| |
− | <li class="cat-item"><a href="#" >Film</a></li>
| |
− | <li class="cat-item"><a href="#" >TV</a></li>
| |
− | </ul>
| |
− | </div>
| |
− |
| |
− | </li>
| |
− | <li class="scroll"></li>
| |
− | </ul>
| |
− | <!-- ENDS WIDGETS -->
| |
− | <!-- FOOTER -->
| |
− | <div class="footer-divider"></div>
| |
− | <footer class="cf">
| |
− | SJTU-software
| |
− | </footer>
| |
− | <!-- ENDS FOOTER -->
| |
− |
| |
− | </div>
| |
− |
| |
− | <script src="https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/js/jquery.min.js"></script>
| |
− | <script>
| |
− | /*-----------------------------------------------------------------------------------*/
| |
− | /* Scroll to top
| |
− | /*-----------------------------------------------------------------------------------*/
| |
− | $('.widget-cols .scroll').click(function(){
| |
− | $("html, body").animate({ scrollTop: 0 }, 600);
| |
− | return false;
| |
− | });
| |
− | /*-----------------------------------------------------------------------------------*/
| |
− | </script>
| |
− |
| |
| </body> | | </body> |
| | | |
| </html> | | </html> |
| + | {{SJTU-software/Widget}} |