Team:USTC-Software/views

From 2011.igem.org

(Difference between revisions)
(Undo revision 215085 by Xuaoxiqi (talk))
 
(21 intermediate revisions not shown)
Line 26: Line 26:
a:active, a:hover { color: #0683ab; text-decoration: underline; }
a:active, a:hover { color: #0683ab; text-decoration: underline; }
-
img { margin: 0px; padding: 0px; border: none; }
+
img { margin: auto; padding: 0px; border: none; display:block;}
#header_wrapper {
#header_wrapper {
Line 178: Line 178:
     display:block;
     display:block;
     }
     }
 +
 +
/*end of nav*/
/*end of nav*/
/*end of nav*/
Line 206: Line 208:
font-family: Verdana, Arial;
font-family: Verdana, Arial;
font-size: 14px;
font-size: 14px;
 +
}
 +
 +
#intro p {
 +
font-family: Verdana, Arial;
 +
font-size: 12px;
}
}
Line 301: Line 308:
         </div>
         </div>
          
          
-
<!-- navigation -->
+
<!-- navigation -->
<ul id="nav">
<ul id="nav">
-
<li><a href="https://2011.igem.org/Team:USTC-Software">Home</a></li>
+
    <li><a href="https://2011.igem.org/Team:USTC-Software">Home</a></li>
 +
   
 +
    <li><a class="on" href="https://2011.igem.org/Team:USTC-Software/project">Project</a>
 +
        <ul>
 +
      <li><a href="https://2011.igem.org/Team:USTC-Software/documents">Documents Parser</a></li>
 +
    <li><a href="https://2011.igem.org/Team:USTC-Software/models">Models</a></li>
 +
    <li><a href="#">Views</a>
 +
                            <ul>
 +
                                <li><a href="https://2011.igem.org/Team:USTC-Software/aview">Assembly View</a></li>
 +
                                <li><a href="https://2011.igem.org/Team:USTC-Software/bview">Behavior View</a></li>
 +
                                <li><a href="https://2011.igem.org/Team:USTC-Software/nview">Network View</a></li>                     
 +
                            </ul>
 +
                    </li>
 +
                    <li><a href="https://2011.igem.org/Team:USTC-Software/tech&algo">Technology & Algorithm</a></li>
 +
                    <li><a href="https://2011.igem.org/Team:USTC-Software/tutorial">Tutorial</a></li>
 +
        </ul>
 +
    </li>
-
    <li><a class="on" href="#">Project</a>
+
            <li><a href="https://2011.igem.org/Team:USTC-Software/notebook">Notebook</a></li>  
-
<ul>
+
-
<li><a href="https://2011.igem.org/Team:USTC-Software/documents">Documents</a></li>
+
-
<li><a href="https://2011.igem.org/Team:USTC-Software/models">Models</a></li>
+
-
<li><a href="https://2011.igem.org/Team:USTC-Software/views">Views</a></li>
+
-
                                <li><a href="https://2011.igem.org/Team:USTC-Software/tech&algo">Technology & Algorithm</a></li>
+
-
                                <li><a href="https://2011.igem.org/Team:USTC-Software/tutorial">Tutorial</a></li>
+
-
</ul>
+
-
</li>
+
-
 
+
    <li><a href="https://2011.igem.org/Team:USTC-Software/team">Team</a>
-
                <li><a href="https://2011.igem.org/Team:USTC-Software/notebook">Notebook</a></li>
+
                          <ul>
-
 
+
-
<li><a href="https://2011.igem.org/Team:USTC-Software/team">Team</a>
+
-
                        <ul>
+
                             <li><a href="https://2011.igem.org/Team:USTC-Software/members">members</a></li>
                             <li><a href="https://2011.igem.org/Team:USTC-Software/members">members</a></li>
                             <li><a href="https://2011.igem.org/Team:USTC-Software/collaboration">collaboration</a></li>
                             <li><a href="https://2011.igem.org/Team:USTC-Software/collaboration">collaboration</a></li>
-
                             <li><a href="https://2011.igem.org/Team:USTC-Software/attribution">attribution</a></li>
+
                             <li><a href="https://2011.igem.org/Team:USTC-Software/attribution">attribution & contributions</a></li>
                             <li><a href="https://2011.igem.org/Team:USTC-Software/acknowledgements">acknowledgements</a></li>
                             <li><a href="https://2011.igem.org/Team:USTC-Software/acknowledgements">acknowledgements</a></li>
-
                        </ul>
+
                          </ul>
                 </li>
                 </li>
    
    
-
   <li><a class="last"href="https://2011.igem.org/Team:USTC-Software/human practice">Human practice</a>
+
   <li><a href="https://2011.igem.org/Team:USTC-Software/human practice">Human practice</a>            
-
<ul>
+
  <ul>
-
    <li><a href="https://2011.igem.org/Team:USTC-Software/safety">safety</a></li>
+
    <li><a href="https://2011.igem.org/Team:USTC-Software/safety">safety</a></li>
-
    <li><a href="https://2011.igem.org/Team:USTC-Software/meetup">meetup</a></li>
+
    <li><a href="https://2011.igem.org/Team:USTC-Software/meetup">meetup</a></li>
-
</ul>
+
  </ul>
-
</li>  
+
</li>
-
<li><a href="https://2011.igem.org/Team:USTC-Software/download">Download</a></li>          
+
<li><a class="last" href="https://2011.igem.org/Team:USTC-Software/download">Download</a></li>
 +
           
</ul>
</ul>
-
<!-- end of navigation -->
+
<!-- // end of navigation -->
        
        
       <div class="cleaner"></div>
       <div class="cleaner"></div>
Line 346: Line 359:
<div id="content_wrapper">
<div id="content_wrapper">
-
<h1>Views</h1>
+
<div id="intro">
 +
<p> Contents:
-
<h2>Assembly View</h2>
+
  <ul type="circle">  
 +
          <li><a href="#Assembly View"> Assembly View </a></li>
 +
            <ul type="disc">
 +
              <li><a href="#Biological Components Browser">Biological Components Browser</a></li>
 +
              <li><a href="#Workspace">Workspace</a></li>
 +
              <li><a href="#Property Panel">Property Panel</a></li>
 +
              <li><a href="#Main Toolbar">Main Toolbar</a></li>
 +
              <li><a href="#Inserting Component">Inserting Component</a></li>
 +
              <li><a href="#Editing Component">Editing Component</a></li>
 +
              <li><a href="#Solving the MoDeL">Solving the MoDeL</a></li>
 +
            </ul>
 +
    </ul>
 +
</p>
 +
             
 +
</div>  
-
<p>Assembly View offers an easy-using graphical interface for working with MoDeL, which is a  rule-based modeling software for Synthetic Biology. If you haven’t read anything about MoDeL, it is recommended that you read the introduction to it first.<br/>
+
<h2><a name="Assembly View" id="Assembly View"></a>Assembly View</h2>
 +
 
 +
<p>Assembly View offers an easy-using graphical interface for working with<a href="https://2011.igem.org/Team:USTC-Software/models"> MoDeL</a>, which is a  rule-based modeling software for Synthetic Biology. If you haven't read anything about<a href="https://2011.igem.org/Team:USTC-Software/models"> MoDeL</a>, it is recommended that you read the introduction to it first.<br/>
Assembly View is composed of 4 parts: the Main Toolbar, the Biological Components Browser, the Workspace and the Property Panel that is shared throughout Lachesis.</p>
Assembly View is composed of 4 parts: the Main Toolbar, the Biological Components Browser, the Workspace and the Property Panel that is shared throughout Lachesis.</p>
<br/>
<br/>
-
<p><strong>Biological Components Browser</strong></p>
+
<p><a name="Biological Components Browser" id="Biological Components Browser"></a><strong>Biological Components Browser</strong></p>
<img src="https://static.igem.org/mediawiki/2011/6/62/USTC_Software_views11.jpg" width="900">
<img src="https://static.igem.org/mediawiki/2011/6/62/USTC_Software_views11.jpg" width="900">
<p>The biological components are the basic units that are used to construct models. On the left are  the compartment and plasmid units and on the right is the part searching widget.<br/>
<p>The biological components are the basic units that are used to construct models. On the left are  the compartment and plasmid units and on the right is the part searching widget.<br/>
-
MoDeL doesn’t use predefined sites for the sake of flexibility, but in order to provide an easy-using user interface, we allow user to store “default site” for every part. We defined “default site” property for every built-in examples so that new users can play with them before they have enough experience to design models on their own.</p>
+
<a href="https://2011.igem.org/Team:USTC-Software/models"> MoDeL</a> doesn't use predefined sites for the sake of flexibility, but in order to provide an easy-using user interface, we allow user to store "default site" for every part. We defined "default site" property for every built-in examples so that new users can play with them before they have enough experience to design models on their own.</p>
<br/>
<br/>
-
<p><strong>Workspace</strong></p>
+
<p><a name="Workspace" id="Workspace"></a><strong>Workspace</strong></p>
-
<img src="https://static.igem.org/mediawiki/2011/e/e2/USTC_Software_views12.jpg" width="900">
+
<img src="https://static.igem.org/mediawiki/2011/e/e2/USTC_Software_views12.jpg" width="777">  
-
<p>The workspace itself represents the “root” compartment (usually named “flask”). Since MoDeL only allow compartment nesting of depth two, actually the compartments inserted into the workspace can’t be nested.<br/>
+
<p>The workspace itself represents the "root" compartment (usually named "flask"). Since <a href="https://2011.igem.org/Team:USTC-Software/models"> MoDeL</a> only allow compartment nesting of depth two, actually the compartments inserted into the workspace can't be nested.<br/>
You can insert components into the workspace by the method introduced in the Inserting Components section.</p>
You can insert components into the workspace by the method introduced in the Inserting Components section.</p>
<br/>
<br/>
-
<p><strong>Property Panel</strong></p>
+
<p><a name="Property Panel" id="Property Panel"></a><strong>Property Panel</strong></p>
<img src="https://static.igem.org/mediawiki/2011/4/4b/USTC_Software_views13.jpg">
<img src="https://static.igem.org/mediawiki/2011/4/4b/USTC_Software_views13.jpg">
Line 381: Line 411:
<br/>
<br/>
-
<p><strong>Main Toolbar</strong></p>
+
<p><a name="Main Toolbar" id="Main Toolbar"></a><strong>Main Toolbar</strong></p>
<img src="https://static.igem.org/mediawiki/2011/a/aa/USTC_Software_views14.jpg">
<img src="https://static.igem.org/mediawiki/2011/a/aa/USTC_Software_views14.jpg">
-
<p>The main toolbar contains button for editing global model features, e.g. parameters and events, and the rightmost button is used to solve the model (by calling MoDeL) to produce a .sbml file. Just try clicking every of them, they are quite self-explaining.</p>
+
<p>The main toolbar contains button for editing global model features, e.g. parameters and events, and the rightmost button is used to solve the model (by calling <a href="https://2011.igem.org/Team:USTC-Software/models"> MoDeL</a>) to produce a .sbml file. Just try clicking every of them, they are quite self-explaining.</p>
<br/>
<br/>
-
<p><strong>Inserting Component</strong></p>
+
<p><a name="Inserting Component" id="Inserting Component"></a><strong>Inserting Component</strong></p>
<p>To insert compartment, just drag it to the workspace and drop it and it will become a child compartment of the root compartment (represented by the workspace itself).<br/>
<p>To insert compartment, just drag it to the workspace and drop it and it will become a child compartment of the root compartment (represented by the workspace itself).<br/>
Line 397: Line 427:
<br/>
<br/>
-
<p><strong>Editing Component</strong></p>
+
<p><a name="Editing Component" id="Editing Component"></a><strong>Editing Component</strong></p>
<img src="https://static.igem.org/mediawiki/2011/a/a1/USTC_Software_views15.jpg">
<img src="https://static.igem.org/mediawiki/2011/a/a1/USTC_Software_views15.jpg">
-
<p>To edit a component, just double-click it and edit its properties in the pop-up window. Since MoDeL doesn’t allow numbers directly present in the main body part of model definition, all numerical properties (Initial Concentration here) should be set to an redefined parameter. For example, if you want to set Initial Concentration here to 0.3, just create a parameter, e.g. init_concen, set its value to 0.3 and select init_concen here.</p>
+
<p>To edit a component, just double-click it and edit its properties in the pop-up window. Since <a href="https://2011.igem.org/Team:USTC-Software/models"> MoDeL</a> doesn't allow numbers directly present in the main body part of model definition, all numerical properties (Initial Concentration here) should be set to an redefined parameter. For example, if you want to set Initial Concentration here to 0.3, just create a parameter, e.g. init_concen, set its value to 0.3 and select init_concen here.</p>
-
<p><em>NOTE: The ids of everything in a model are in the same namespace and no one can be the same as another, i.e. you can’t give a parameter an id that is the same with a compartment.</em></p>
+
<p><em>NOTE: The ids of everything in a model are in the same namespace and no one can be the same as another, i.e. you can't give a parameter an id that is the same with a compartment.</em></p>
<br/>
<br/>
-
<p><strong>Solving the Model</strong></p>
+
<p><a name="Solving the MoDeL" id="Solving the MoDeL"></a><strong>Solving the MoDeL</strong></p>
-
<p>To solve the model, just click the <img src="https://static.igem.org/mediawiki/2011/9/94/USTC_Software_views16.jpg"> button on the main toolbar. If you are using it for the first time, Lachesis will ask you to locate the main Perl script file of MoDeL (MoDeL.pl). The guide to installation of MoDeL can be found here.<br/>
+
<p>To solve the model, just click the <img src="https://static.igem.org/mediawiki/2011/9/94/USTC_Software_views16.jpg" style="display:inline" /> button on the main toolbar. If you are using it for the first time, Lachesis will ask you to locate the main Perl script file of <a href="https://2011.igem.org/Team:USTC-Software/models"> MoDeL</a> (MoDeL.pl). The guide to installation of <a href="https://2011.igem.org/Team:USTC-Software/models"> MoDeL</a> can be found here.<br/>
-
Lachesis will then call MoDeL and you just need to wait until it’s done. The resulting .sbml file will be shown in a new Lachesis main window.</p>
+
Lachesis will then call <a href="https://2011.igem.org/Team:USTC-Software/models"> MoDeL</a> and you just need to wait until it's done. The resulting .sbml file will be shown in a new Lachesis main window.</p>
<br/>
<br/>
<br/>
<br/>
-
 
-
<h2>Behavior view</h2>
 
-
 
-
<img src="https://static.igem.org/mediawiki/2011/8/87/USTC_Software_views21.jpg" width="900">
 
-
 
-
<p>The line editors above are used to determine several global parameters.After it’s done,the time course table below is formed.Then fill it to specify the exact behavior using values.Each of them means the concentration of a certain substance at a certain time.You can also specify each node of substance by changing its name and color (the color will represent the node in the next view).Then switch the tab and you’ll see something like this.</p>
 
-
 
-
<img src="https://static.igem.org/mediawiki/2011/0/01/USTC_Software_views22.jpg" width="900">
 
-
 
-
<p>Also you can generate values of the concentrations by drawing rough curves like this</p>
 
-
 
-
<img src="https://static.igem.org/mediawiki/2011/9/93/USTC_Software_views23.jpg" width="900">
 
-
 
-
<p>Remember each time you finished a curve,press the button “generate value” and that means the curve take effect.</p>
 
-
 
-
<p>Switch the tab back and you’ll get something like this</p>
 
-
 
-
<img src="https://static.igem.org/mediawiki/2011/9/9c/USTC_Software_views24.jpg" width="900">
 
-
 
-
<p>That’s the simple functions of behavior view.</p>
 
-
 
-
<h2>Network view</h2>
 
-
<p>After you open a SBML file,you can use network view to visualize the network defined by it.</p>
 
-
 
-
<p>Example below:</p>
 
-
 
-
<img src="https://static.igem.org/mediawiki/2011/9/94/USTC_Software_views31.jpg" width="900">
 
-
 
-
<p>The green container represents compartment,the red node represents substance and the blue is reaction.</p>
 
-
 
-
<p>Use Ctrl + mouse wheel to zoom.</p>
 
-
 
-
<p>You can double click an item and modify its properties.Also the property widget on the right side is helpful to monitor item properties.</p>
 
-
 
-
<img src="https://static.igem.org/mediawiki/2011/8/82/USTC_Software_views32.jpg">
 
-
 
-
<img src="https://static.igem.org/mediawiki/2011/7/78/USTC_Software_views33.jpg">
 
-
 
-
<p>You can also add an item by dragging the buttons above to the scence or remove an item by pressing delete key.</p>
 
-
 
-
<p>The last 2 buttons are used to edit the lines,the straight arrow means the substance is a reactant or product of the reaction and the other means the substace is a modifier of the reaction.</p>
 
-
 
-
<p>To add a line ,first click the button,then click on the source node,then click on the destination node.Remember the two nodes are of different type.As for modification,the source must be a substance and the destination must be a reaction.</p>
 
-
 
-
<p>Each change you make will cause a corresponding modification to the model.</p>
 
</div>
</div>
Line 478: Line 463:
   <b> Welcome to &#160;&#160;<a href="http://en.ustc.edu.cn/" target="_blank">University of Science and Technology of China</a>&#160;! </b>
   <b> Welcome to &#160;&#160;<a href="http://en.ustc.edu.cn/" target="_blank">University of Science and Technology of China</a>&#160;! </b>
-
   <div id="to_org_box"><a href="https://2011.igem.org/Main_Page"><img class="logo" src="https://static.igem.org/mediawiki/2011/8/88/USTC_Software_back_to_igem.png" width="69" height="70"alt="to igem.org"  style="right:auto"/></a>
+
   <div id="to_org_box"><a href="https://2011.igem.org/Main_Page"><img class="logo" src="https://static.igem.org/mediawiki/2011/8/88/USTC_Software_back_to_igem.png" width="69" height="70"alt="Go back to igem.org"  style="right:auto"/></a>
   </div>
   </div>
   <div id="totop_box">
   <div id="totop_box">
-
       <a href="#top"><img class="logo" src="https://static.igem.org/mediawiki/2011/e/eb/USTC_Software_top_icon.gif" width="76" height="72"alt="go back to top"  style="right:auto"/></a>  
+
       <a href="#top"><img class="logo" src="https://static.igem.org/mediawiki/2011/e/eb/USTC_Software_top_icon.gif" width="76" height="72"alt="Go back to Top"  style="right:auto"/></a>  
   </div>
   </div>

Latest revision as of 08:19, 4 October 2011


Team:USTC-Software - 2011.igem.org/views

Assembly View

Assembly View offers an easy-using graphical interface for working with MoDeL, which is a rule-based modeling software for Synthetic Biology. If you haven't read anything about MoDeL, it is recommended that you read the introduction to it first.
Assembly View is composed of 4 parts: the Main Toolbar, the Biological Components Browser, the Workspace and the Property Panel that is shared throughout Lachesis.


Biological Components Browser

The biological components are the basic units that are used to construct models. On the left are the compartment and plasmid units and on the right is the part searching widget.
MoDeL doesn't use predefined sites for the sake of flexibility, but in order to provide an easy-using user interface, we allow user to store "default site" for every part. We defined "default site" property for every built-in examples so that new users can play with them before they have enough experience to design models on their own.


Workspace

The workspace itself represents the "root" compartment (usually named "flask"). Since MoDeL only allow compartment nesting of depth two, actually the compartments inserted into the workspace can't be nested.
You can insert components into the workspace by the method introduced in the Inserting Components section.


Property Panel

The property panel is used throughout Lachesis. It offers a tree view of the current model component (or the entire model) so the properties of it can be viewed conveniently.


Main Toolbar

The main toolbar contains button for editing global model features, e.g. parameters and events, and the rightmost button is used to solve the model (by calling MoDeL) to produce a .sbml file. Just try clicking every of them, they are quite self-explaining.


Inserting Component

To insert compartment, just drag it to the workspace and drop it and it will become a child compartment of the root compartment (represented by the workspace itself).
To insert plasmid, drag and drop it to its desired parent compartment.
Inserting parts is a little more complicated: find the part in the searching widget, then drag and drop it to the workspace. If you drop a part on a plasmid, it would be treated as a sequence of DNA on that plasmid. However, if you drop it on an compartment (or the workspace), it would be treated as a species (protein or molecule) in that compartment.


Editing Component

To edit a component, just double-click it and edit its properties in the pop-up window. Since MoDeL doesn't allow numbers directly present in the main body part of model definition, all numerical properties (Initial Concentration here) should be set to an redefined parameter. For example, if you want to set Initial Concentration here to 0.3, just create a parameter, e.g. init_concen, set its value to 0.3 and select init_concen here.

NOTE: The ids of everything in a model are in the same namespace and no one can be the same as another, i.e. you can't give a parameter an id that is the same with a compartment.


Solving the MoDeL

To solve the model, just click the button on the main toolbar. If you are using it for the first time, Lachesis will ask you to locate the main Perl script file of MoDeL (MoDeL.pl). The guide to installation of MoDeL can be found here.
Lachesis will then call MoDeL and you just need to wait until it's done. The resulting .sbml file will be shown in a new Lachesis main window.