Difference between revisions of "Team:SJTU-software/Document"

(Replaced content with "{{SJTU-software}} <html> <body> <div class="wrapper"> <!-- MAIN--> <!-- ENDS MAIN --> </body> </html> {{SJTU-software/Widget}}")
Line 1: Line 1:
 
{{SJTU-software}}
 
{{SJTU-software}}
 
<html>
 
<html>
 +
<style>
 +
/*================================================================================*/
 +
            /*public engagement*/
 +
            #posts-list {
 +
                position: relative;
 +
                width: 900px;
 +
                margin-top: 15px;
 +
                margin-left: 40px;
 +
                margin-right:40px
 +
                margin-bottom: 30px;
 +
 
 +
            }
 +
 +
            #posts-list article {
 +
            position: relative;
 +
            margin-bottom: 40px;
 +
            padding-bottom: 40px;
 +
            border-bottom: 1px solid #6b3b25;
 +
            }
 +
            #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-bottom: 20px;
 +
            }
 +
            #posts-list article .feature-image:after {
 +
            position: absolute;
 +
            bottom: -22px;
 +
            left: 0px;
 +
            content: '';
 +
            background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/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://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/pagination.png) no-repeat 0px 0px;
 +
            }
 +
            #posts-list .page-navigation .nav-previous {
 +
            float: right;
 +
            background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/pagination.png) no-repeat right -59px;
 +
            }
 +
            /*-----------------------------------------------------------------------------------*/
 +
            .headline{
 +
                color: #6b3b25;
 +
                text-decoration: none;
 +
                font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
                font-size: 35px;
 +
                font-weight: 800;
 +
                margin: 27px;
 +
            }
 +
            ul{
 +
                list-style: none;;
 +
            }
 +
</style>
 +
 
<body>
 
<body>
 
     <div class="wrapper">
 
     <div class="wrapper">
Line 6: Line 148:
 
         <!-- MAIN-->
 
         <!-- MAIN-->
  
 +
        <div id="main" class="cf">
 +
                <div class="headline">
 +
                    Project —— Document 
 +
                </div>
 +
                    <!-- posts list -->
 +
                    <div id="posts-list" class="cf">
 +
                       
 +
                        <article class="cf">
 +
                         
 +
                            <div class="excerpt">
 +
                                With the development of synthetic biology, more and more computational methods were applied to reduce the researchers’ workload. The Systems Biology Markup Language (SBML), which is a free and open interchange format for computer models, is widely used. The ability to compare different SBML models is important, both to compare models of different situations and to compare different versions of the same model. Many other engineering disciplines rely heavily on version control to track designs that are produced at each stage of the iterative design cycle. This is often accompanied by using the File Differences tool to directly compare different versions and determine the changes. However, it is not satisfactory to directly compare the two models of the SBML format as text. Because it is difficult to find the significant features in its output. Also, many textual changes are not significant (e.g., changes in whitespace or the ordering of elements), and if the id of a species is changed, this change will occur in many places and has a large impact.
 +
                            </div>
 +
                       
 +
                            <div class="excerpt">
 +
                              We propose model-diff, a tool that can read two or more metabolic network models in SBML format and generate images to show the differences. The default view depicts the metabolites as an ellipse and the reaction as a rectangle. By default, elements in both models will be treated as the same entity if they have the same id attribute. Shading is used to indicate whether each node and edge are shared by two models (gray), a single model rather than two models (red or blue). The dotted node edge indicates that the component is shared between models but its properties are different: a rectangle with a dashed border indicates that not all models have the same kineticLaw response; an ellipse with a dashed double border indicates that not all models have the same isBoundary property.
 +
                            </div>
 +
 +
                          <div class="excerpt">
 +
                                Models-diff reads the metabolic models in SBML format and produces the output in DOT format, which can be converted to an image using GraphViz or other compatible software. It can be used as a python package, as a standalone command line tool, or through a form on our website.
 +
                            </div>
 +
 +
                            <div class="excerpt">
 +
                              SMILES (Simplified molecular input line entry specification) is a specification that explicitly describes the molecular structure in ASCII strings. Smiles-differ provides two functions of smiles alignment and visualization. Users need to provide two molecules of SMILES to be compared. The software classifies the similarity of two molecules based on molecular structure. In theory, the lowest score is 0 and the highest score is 1 point. At the same time, the user can enter SMILE to preview the molecules to be compared.
 +
                            </div>
 +
 +
                          <div class="excerpt">
 +
                              DNA Editor is an everyday lab tool for handling sequences, it has many functions that can be used by researchers very conveniently.The basic function is that it can do basic DNA/RNA operations,such as reverse-Complement DNA, remove non-IUPAC letters and change upper/lower case. Also, it can show some basic informations of the sequence.Restriction sites module has a function to find restriction sites, select them and highlight the selected in sequence so that users can find out the locations of restriction sites.Digest module can draws graphic maps. Draw restriction maps with or without features for linear an circular sequences. Besides, it can visualize a digest as gel picture. Simulate band indensity or draw all bands black.Translate module can translates DNA sequences in one, three or six frames and show out the peptide sequenceFeatures module can handles genbank features. Use features to annotate regions in the DNA.DNA Editor gives you full conrol. All calculation happens on your machine. You can load and save sequences in fasta and genbank format. Pictures can be saved as html or svg files.
 +
                            </div>
 +
                   
 +
                        </article>                 
 +
            </div>
 
         <!-- ENDS MAIN -->
 
         <!-- ENDS MAIN -->
 
 

Revision as of 10:47, 15 October 2018

Project —— Document
With the development of synthetic biology, more and more computational methods were applied to reduce the researchers’ workload. The Systems Biology Markup Language (SBML), which is a free and open interchange format for computer models, is widely used. The ability to compare different SBML models is important, both to compare models of different situations and to compare different versions of the same model. Many other engineering disciplines rely heavily on version control to track designs that are produced at each stage of the iterative design cycle. This is often accompanied by using the File Differences tool to directly compare different versions and determine the changes. However, it is not satisfactory to directly compare the two models of the SBML format as text. Because it is difficult to find the significant features in its output. Also, many textual changes are not significant (e.g., changes in whitespace or the ordering of elements), and if the id of a species is changed, this change will occur in many places and has a large impact.
We propose model-diff, a tool that can read two or more metabolic network models in SBML format and generate images to show the differences. The default view depicts the metabolites as an ellipse and the reaction as a rectangle. By default, elements in both models will be treated as the same entity if they have the same id attribute. Shading is used to indicate whether each node and edge are shared by two models (gray), a single model rather than two models (red or blue). The dotted node edge indicates that the component is shared between models but its properties are different: a rectangle with a dashed border indicates that not all models have the same kineticLaw response; an ellipse with a dashed double border indicates that not all models have the same isBoundary property.
Models-diff reads the metabolic models in SBML format and produces the output in DOT format, which can be converted to an image using GraphViz or other compatible software. It can be used as a python package, as a standalone command line tool, or through a form on our website.
SMILES (Simplified molecular input line entry specification) is a specification that explicitly describes the molecular structure in ASCII strings. Smiles-differ provides two functions of smiles alignment and visualization. Users need to provide two molecules of SMILES to be compared. The software classifies the similarity of two molecules based on molecular structure. In theory, the lowest score is 0 and the highest score is 1 point. At the same time, the user can enter SMILE to preview the molecules to be compared.
DNA Editor is an everyday lab tool for handling sequences, it has many functions that can be used by researchers very conveniently.The basic function is that it can do basic DNA/RNA operations,such as reverse-Complement DNA, remove non-IUPAC letters and change upper/lower case. Also, it can show some basic informations of the sequence.Restriction sites module has a function to find restriction sites, select them and highlight the selected in sequence so that users can find out the locations of restriction sites.Digest module can draws graphic maps. Draw restriction maps with or without features for linear an circular sequences. Besides, it can visualize a digest as gel picture. Simulate band indensity or draw all bands black.Translate module can translates DNA sequences in one, three or six frames and show out the peptide sequenceFeatures module can handles genbank features. Use features to annotate regions in the DNA.DNA Editor gives you full conrol. All calculation happens on your machine. You can load and save sequences in fasta and genbank format. Pictures can be saved as html or svg files.

    Address

    NO. 800 Dongchuan Road, Minhang District, Shanghai, China

    Contact Us

    rockywei@sjtu.edu.cn

    SJTU-software