Team:USTC-Software/views

From 2011.igem.org

(Difference between revisions)
(Undo revision 215085 by Xuaoxiqi (talk))
 
(4 intermediate revisions not shown)
Line 1: Line 1:
-
 
__NOTOC__
__NOTOC__
{{:Team:USTC-Software/temp}}
{{:Team:USTC-Software/temp}}
Line 179: Line 178:
     display:block;
     display:block;
     }
     }
 +
 +
/*end of nav*/
/*end of nav*/
/*end of nav*/
Line 309: Line 310:
<!-- 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>
     <li><a class="on" href="https://2011.igem.org/Team:USTC-Software/project">Project</a>
-
<ul>
+
        <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/documents">Documents Parser</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/models">Models</a></li>
-
<li><a href="https://2011.igem.org/Team:USTC-Software/views">Views</a></li>
+
    <li><a href="#">Views</a>
-
                                 <li><a href="https://2011.igem.org/Team:USTC-Software/tech&algo">Technology & Algorithm</a></li>
+
                            <ul>
-
                                <li><a href="https://2011.igem.org/Team:USTC-Software/tutorial">Tutorial</a></li>
+
                                <li><a href="https://2011.igem.org/Team:USTC-Software/aview">Assembly View</a></li>
-
</ul>
+
                                 <li><a href="https://2011.igem.org/Team:USTC-Software/bview">Behavior View</a></li>
-
</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 href="https://2011.igem.org/Team:USTC-Software/notebook">Notebook</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/judging">Judging Criteria</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/team">Team</a>
                           <ul>
                           <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>
Line 361: Line 362:
<p> Contents:
<p> Contents:
-
<ul type="square">
 
-
    <li><a href="#Views">Views</a></li>
 
   <ul type="circle">  
   <ul type="circle">  
           <li><a href="#Assembly View"> Assembly View </a></li>  
           <li><a href="#Assembly View"> Assembly View </a></li>  
Line 374: Line 373:
               <li><a href="#Solving the MoDeL">Solving the MoDeL</a></li>
               <li><a href="#Solving the MoDeL">Solving the MoDeL</a></li>
             </ul>
             </ul>
-
           
 
-
          <li><a href="#Behavior view"> Behavior view </a></li>
 
-
            <ul type="disc">
 
-
              <li><a href="#Starting Definition">Starting Definition</a></li>
 
-
              <li><a href="#Inputing Data">Inputing Data</a></li>
 
-
              <li><a href="#Plotting">Plotting</a></li>
 
-
              <li><a href="#Generating Values">Generating Values</a></li>
 
-
              </ul>
 
-
 
-
          <li><a href="#Network view"> Network view </a></li>
 
-
            <ul type="disc">
 
-
              <li><a href="#Basic Use">Basic Use</a></li>
 
-
              <li><a href="#Editing Properties">Editing Properties</a></li>
 
-
              <li><a href="#Adding&Removing Nodes">Adding&Removing Nodes</a></li>
 
-
              <li><a href="#Editing Lines">Editing Lines</a></li>
 
-
            </ul>
 
     </ul>
     </ul>
-
</ul>
 
</p>
</p>
                
                
Line 462: Line 444:
<br/>
<br/>
<br/>
<br/>
-
 
-
<h2><a name="Behavior view" id="Behavior view"></a>Behavior view</h2>
 
-
 
-
<p>Visualize network behavior using graphs and tables</p>
 
-
 
-
<img src="https://static.igem.org/mediawiki/2011/8/87/USTC_Software_views21.jpg" width="750">
 
-
 
-
<h3><a name="Starting Definition" id="Starting Definition"></a>Starting Definition</h3>
 
-
 
-
<p>The line editors above are used to determine several global parameters.After it's done, the time course table below is formed.</p>
 
-
 
-
<h3><a name="Inputing Data" id="Inputing Data"></a>Inputing Data</h3>
 
-
 
-
<p>Fill the table 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).</p>
 
-
 
-
<h3><a name="Plotting" id="Plotting"></a>Plotting</h3>
 
-
 
-
<p>Switch the tab back and you'll get something like this:</p>
 
-
 
-
<img src="https://static.igem.org/mediawiki/2011/0/01/USTC_Software_views22.jpg" width="750">
 
-
 
-
<h3><a name="Generating Values" id="Generating Values"></a>Generating Values</h3>
 
-
 
-
<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="750">
 
-
 
-
<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="750">
 
-
 
-
<br/>
 
-
<br/>
 
-
 
-
<h2><a name="Network view" id="Network view"></a>Network view</h2>
 
-
<p>Visualize networks defined by SBML models.</p>
 
-
 
-
<p>Example below(toggle-switch):</p>
 
-
 
-
<img src="https://static.igem.org/mediawiki/2011/9/94/USTC_Software_views31.jpg" width="750">
 
-
 
-
<h3><a name="Basic Use" id="Basic Use"></a>Basic Use</h3>
 
-
 
-
<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>
 
-
 
-
<h3><a name="Editing Properties" id="Editing Properties"></a>Editing Properties</h3>
 
-
 
-
<p>Double click an item to 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" style="display:inline" />
 
-
 
-
<img src="https://static.igem.org/mediawiki/2011/7/78/USTC_Software_views33.jpg" style="display:inline" >
 
-
 
-
<h3><a name="Adding&Removing Nodes" id="Adding&Removing Nodes"></a>Adding&Removing Nodes</h3>
 
-
 
-
<p>You can add an item by dragging the buttons above to the scence or remove an item by pressing the delete key.</p>
 
-
 
-
<h3><a name="Editing Lines" id="Editing Lines"></a>Editing Lines</h3>
 
-
 
-
<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.
 
-
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>

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.