Team:USTC-Software/aview

From 2011.igem.org

(Difference between revisions)
 
(4 intermediate revisions not shown)
Line 1: Line 1:
__NOTOC__
__NOTOC__
-
{{:Team:USTC-Software/temp}}
+
{{:Team:USTC-Software/header}}
-
 
+
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
-
<head>
 
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
-
<title>Team:USTC-Software - 2011.igem.org/views</title>
 
-
<meta name="description" content="views"/>
 
-
<meta name="keywords" content="USTC-Software,iGEM,synthetic biology"/>
 
-
<meta name="author" content="Ao Xu">
 
-
<meta name="copyright" content="Copyright (c) 2011 iGEM USTC Software" />
 
-
 
-
<style type="text/css">
 
-
 
-
body {
 
-
margin: 0;
 
-
padding: 0;
 
-
line-height: 1.5em;
 
-
font-family: Georgia, "Times New Roman", Times, serif;
 
-
font-size: 12px;
 
-
color: #555a4a;
 
-
    background: #a0c73f;
 
-
}
 
-
 
-
a:link, a:visited { color: #0683ab; text-decoration: none; font-weight: normal; }
 
-
a:active, a:hover { color: #0683ab; text-decoration: underline; }
 
-
 
-
img { margin: auto; padding: 0px; border: none; display:block;}
 
-
 
-
#header_wrapper {
 
-
width: 100%;
 
-
height: 265px;
 
-
background: url(https://static.igem.org/mediawiki/2011/0/04/USTC_Software_header.jpg) no-repeat top center;
 
-
}
 
-
 
-
#header {
 
-
position: relative;
 
-
width: 980px;
 
-
height: 265px;
 
-
padding: 0 10px;
 
-
margin: 0 auto;
 
-
background: url(https://static.igem.org/mediawiki/2011/0/04/USTC_Software_header.jpg) no-repeat top center;
 
-
}
 
-
 
-
/* site title */
 
-
 
-
#header  #site_title {
 
-
float: left;
 
-
width: 180px;
 
-
padding: 33px 0;
 
-
}
 
-
 
-
#site_title h1 {
 
-
margin: 0;
 
-
padding: 3px;
 
-
font-family:"Times New Roman", Times, serif;
 
-
color:#000;
 
-
font-size:24px;
 
-
}
 
-
 
-
#site_title h1 a {
 
-
margin: 0px;
 
-
padding: 0px;
 
-
font-size: 30px;
 
-
color: #ffffff;
 
-
font-weight: bold;
 
-
text-decoration: none;
 
-
}
 
-
 
-
#site_title h1 a:hover {
 
-
font-weight: bold;
 
-
text-decoration: none;
 
-
}
 
-
 
-
#site_title h1 a span {
 
-
display: block;
 
-
margin-left: 2px;
 
-
font-size: 14px;
 
-
color: #416902;
 
-
font-weight: bold;
 
-
letter-spacing: 2px;
 
-
}
 
-
 
-
/* end of site title */
 
-
 
-
/* ---------- Navigation ---------- */
 
-
 
-
ul  {
 
-
      list-style-image: none;
 
-
}
 
-
 
-
#nav {
 
-
float: right;
 
-
font-family: Arial, Helvetica, sans-serif;
 
-
font-weight: bold;
 
-
font-size: 12px;
 
-
padding-top: 70px;
 
-
height: 43px;
 
-
}
 
-
 
-
#nav .last {
 
-
padding-right: 2px;
 
-
background-image:url(https://static.igem.org/mediawiki/2011/5/59/USTC_Software_nav_button_sep.jpg);
 
-
background-repeat:no-repeat;
 
-
background-position:right;
 
-
}
 
-
 
-
#nav, #nav ul{
 
-
margin:0;
 
-
padding:0;
 
-
list-style-type:none;
 
-
list-style-position:outside;
 
-
position:relative;
 
-
line-height:1.5em;
 
-
}
 
-
 
-
#nav .on {
 
-
color:#fff !important;
 
-
background-image: url(https://static.igem.org/mediawiki/2011/0/00/USTC_Software_nav_button_bg.jpg) !important;
 
-
background-position: bottom left !important;
 
-
}
 
-
 
-
#nav a:link, #nav a:active, #nav a:visited{
 
-
    display:block;
 
-
    padding: 14px 35px;
 
-
    color:#a5a5a5;
 
-
    text-decoration:none;
 
-
text-transform: uppercase;
 
-
background-image: url(https://static.igem.org/mediawiki/2011/0/00/USTC_Software_nav_button_bg.jpg);
 
-
background-position: top left;
 
-
}
 
-
 
-
#nav a:hover {
 
-
    color:#fff;
 
-
background-image: url(https://static.igem.org/mediawiki/2011/0/00/USTC_Software_nav_button_bg.jpg);
 
-
background-position: bottom left;
 
-
}
 
-
 
-
#nav li{
 
-
    float:left;
 
-
    position:relative;
 
-
 
-
}
 
-
 
-
#nav ul {
 
-
    position:absolute;
 
-
    width:13em;
 
-
    top:3.8em;
 
-
    display:none;
 
-
z-index: 1;
 
-
}
 
-
 
-
#nav li ul a {
 
-
    width:9em;
 
-
    float:left;
 
-
background-color: #2e2e2e;
 
-
background-image: none !important;
 
-
}
 
-
 
-
#nav li ul a:hover {
 
-
background-color: #292929;
 
-
}
 
-
 
-
#nav ul ul{
 
-
top:auto;
 
-
}
 
-
 
-
#nav li ul ul {
 
-
    left:12em;
 
-
    margin:0px 0 0 10px;
 
-
    }
 
-
 
-
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
 
-
    display:none;
 
-
    }
 
-
 
-
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
 
-
    display:block;
 
-
    }
 
-
 
-
/*end of nav*/
 
-
 
-
/* content_wrapper */
 
-
 
-
#content {
 
-
        background-color:#a0c73f;
 
-
        width:auto;
 
-
}
 
-
 
-
#content_wrapper {
 
-
width: 920px;
 
-
margin: 0 auto;
 
-
padding: 30px 40px;
 
-
background: url(https://static.igem.org/mediawiki/2011/b/bc/USTC_Software_content.jpg) repeat-y;
 
-
}
 
-
 
-
#content_wrapper h1 {
 
-
color: #3a5909;
 
-
font-size: 24px;
 
-
padding: 0 0 60px 20px;
 
-
background: url(https://static.igem.org/mediawiki/2011/4/4d/USTC_Software_header_bg.png) no-repeat bottom left;
 
-
}
 
-
 
-
 
-
#content_wrapper p {
 
-
font-family: Verdana, Arial;
 
-
font-size: 14px;
 
-
}
 
-
 
-
#intro p {
 
-
font-family: Verdana, Arial;
 
-
font-size: 12px;
 
-
}
 
-
 
-
#content_wrapper_bottom {
 
-
width: 1000px;
 
-
height: 15px;
 
-
margin: 0 auto;
 
-
background: url(https://static.igem.org/mediawiki/2011/a/a5/USTC_Software_content_bottom.jpg) no-repeat;
 
-
    background-color: #a0c73f;
 
-
}
 
-
 
-
/* end of content_wrapper */
 
-
 
-
/* footer */
 
-
 
-
#mfooter {
 
-
width: 980px;
 
-
margin: 0 auto;
 
-
padding: 30px 10px;
 
-
text-align: center;
 
-
color: #333333;
 
-
    background-color: #a0c73f;
 
-
}
 
-
 
-
#mfooter a {
 
-
color:#000;
 
-
}
 
-
 
-
#mfooter .mfooter_menu {
 
-
margin: 0 0 10px 0;
 
-
padding: 0px;
 
-
list-style: none;
 
-
}
 
-
 
-
.mfooter_menu li {
 
-
margin: 0px;
 
-
padding: 0 20px;
 
-
display: inline;
 
-
border-right: 1px solid #000000;
 
-
}
 
-
 
-
.mfooter_menu .last_menu {
 
-
border: none;
 
-
}
 
-
 
-
#footer-box { background-color: transparent; border:none;} /*This is important!*/
 
-
 
-
#totop_box {
 
-
position:fixed;
 
-
width: 77px;
 
-
height: 75px;
 
-
bottom: 21px;
 
-
right: 15px;
 
-
}
 
-
 
-
#totop_box form {
 
-
width: 280px;
 
-
height: 27px;
 
-
margin: 0;
 
-
padding: 25px 0 0 0;
 
-
}
 
-
 
-
#to_org_box {
 
-
position:fixed;
 
-
width: 77px;
 
-
height: 75px;
 
-
bottom: 21px;
 
-
right: 105px;
 
-
}
 
-
 
-
#to_org_box form {
 
-
width: 280px;
 
-
height: 27px;
 
-
margin: 0;
 
-
padding: 25px 0 0 0;
 
-
}
 
-
/* end of footer*/
 
-
 
-
.ul_p{
 
-
font-family: Verdana, Arial;
 
-
font-size: 14px;
 
-
}
 
-
 
-
</style>
 
-
 
-
</head>
 
-
 
<body>
<body>
-
<div id="header_wrapper">
 
-
 
-
    <div id="header">
 
-
   
 
-
  <div id="site_title">
 
-
            <h1><img src="https://static.igem.org/mediawiki/2011/b/b8/USTC_Software_iGEM_logo.jpg" alt="iGEM" width="173" height="150" /> </br> </br> USTC-Software </h1>
 
-
        </div>
 
-
       
 
-
<!-- navigation -->
 
-
<ul id="nav">
 
-
<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"></a>Assembly View</li>
 
-
                                      <li><a href="https://2011.igem.org/Team:USTC-Software/bview"></a>Behavior View</li>
 
-
                                      <li><a href="https://2011.igem.org/Team:USTC-Software/nview"></a>Network View</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>
 
-
 
-
<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/collaboration">collaboration</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>
 
-
                          </ul>
 
-
                </li>
 
-
 
 
-
  <li><a href="https://2011.igem.org/Team:USTC-Software/human practice">Human practice</a>             
 
-
  <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/meetup">meetup</a></li>
 
-
  </ul>
 
-
</li> 
 
-
 
-
<li><a class="last" href="https://2011.igem.org/Team:USTC-Software/download">Download</a></li>
 
-
           
 
-
</ul>
 
-
<!-- // end of navigation -->
 
-
     
 
-
      <div class="cleaner"></div>
 
-
    </div> <!-- end of header -->
 
-
 
-
</div>
 
-
<!-- end of header_wrapper -->
 
-
 
<div id="content_wrapper">
<div id="content_wrapper">
Line 379: Line 24:
  </div>   
  </div>   
-
<h2><a name="Assembly View" id="Assembly View"></a>Assembly View</h2>
+
<h2><a name="Assembly View" id="Assembly View"></a><strong>Assembly View</strong></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/>
<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/>

Latest revision as of 07:20, 23 October 2011


Team:USTC-Software - 2011.igem.org

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.