Team:USTC-Software/bview

From 2011.igem.org

(Difference between revisions)
(Created page with "__NOTOC__ {{:Team:USTC-Software/temp}} <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Team:USTC-...")
 
(2 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">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 & Demo</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 376: Line 22:
  </div>   
  </div>   
-
<h2><a name="Behavior view" id="Behavior view"></a>Behavior view</h2>
+
<h2><a name="Behavior view" id="Behavior view"></a><strong>Behavior view</strong></h2>
   
   
<p>Visualize network behavior using graphs and tables</p>
<p>Visualize network behavior using graphs and tables</p>

Latest revision as of 07:21, 23 October 2011


Team:USTC-Software - 2011.igem.org

Behavior view

Visualize network behavior using graphs and tables

Starting Definition

The line editors above are used to determine several global parameters.After it's done, the time course table below is formed.

Inputing Data

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).

Plotting

Switch the tab back and you'll get something like this:

Generating Values

Also you can generate values of the concentrations by drawing rough curves like this:

remember each time you finished a curve,press the button "generate value" and that means the curve take effect.

Switch the tab back and you'll get something like this: