Team:SYSU-Software/tutorial

From 2013.igem.org

(Difference between revisions)
 
(36 intermediate revisions not shown)
Line 9: Line 9:
<link href="https://2012.igem.org/Team:SYSU-Software/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
<link href="https://2012.igem.org/Team:SYSU-Software/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
<link href="https://2012.igem.org/Team:SYSU-Software/flatui.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
<link href="https://2012.igem.org/Team:SYSU-Software/flatui.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
-
<link href="https://2013.igem.org/Team:SYSU-Software/home.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
+
<link href="https://2013.igem.org/Team:SYSU-Software/tutorial.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
 +
<!-- <link href="tutorial/css/tutorial.css" rel="stylesheet" type="text/css" /> -->
<link href="https://2013.igem.org/Team:SYSU-Software/header.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
<link href="https://2013.igem.org/Team:SYSU-Software/header.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
-
<link href="https://2013.igem.org/Team:SYSU-Software/footer.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
 
Line 17: Line 17:
<script src="https://2013.igem.org/Team:SYSU-Software/bootstrap.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
<script src="https://2013.igem.org/Team:SYSU-Software/bootstrap.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
<script src="https://2013.igem.org/Team:SYSU-Software/prefix.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
<script src="https://2013.igem.org/Team:SYSU-Software/prefix.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
<script src="https://2013.igem.org/Team:SYSU-Software/jquery.smooth-scroll.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
 +
 +
<script>
 +
    $(document).ready(function() {
 +
      $('ul.mainnav a').smoothScroll();
 +
 +
      $('span.subnav a').click(function(event) {
 +
        event.preventDefault();
 +
        var link = this;
 +
        $.smoothScroll({
 +
          scrollTarget: link.hash
 +
        });
 +
      });
 +
 +
    });
 +
</script> 
 +
</head>
<head>
<head>
Line 22: Line 40:
<title>new</title>
<title>new</title>
</head>
</head>
 +
 +
<body>
<body>
-
<div id="navigation"></div>
+
<!--header-->
 +
<div id="navigation"></div>
 +
 
 +
<!-- tutorial content -->
 +
<!-- tutorial content -->
 +
<div class="wrapper">
 +
  <div id="tutorial-container">
 +
  <div id="tutorial-header">
 +
<div class="header-title">Tutorial<a class="btn btn-inverse" href="https://static.igem.org/mediawiki/2013/3/3a/Cast_Instruction.pdf" target="_blank" style="color:white;background:#34495e;"><img src="https://static.igem.org/mediawiki/igem.org/c/cc/Cast_Download_logo.png" >Download instruction.pdf</a></div>
 +
  </div>
 +
 
 +
  <span id="tutorial-list">
 +
      <div id="list-header">
 +
        Contents
 +
      </div>
 +
  <ul class="mainnav">
 +
      <li><a href="#part1">regulation network</a></li>
 +
      <li><a href="#part3">gene circuit</a></li>
 +
      <li><a href="#part4">simulation</a></li>
 +
      <li><a href="#part5">plasmid</a></li>
 +
      <li><a href="#part6">file management</a></li>
 +
                <li><a href="#part7">creat new part</a></li>
 +
    </ul>
 +
  </span>
 +
 
 +
 
 +
    <div id="part1">
 +
    <div id="part-header">
 +
        regulation network
 +
        <span class="subnav"><a href="#p1">Top</a></span>
 +
    </div>
 +
 
 +
    <div id="part-content">
 +
    <img src="https://static.igem.org/mediawiki/2013/d/d3/Sysu-tutorial.png">
 +
    </div>
 +
    <div id="part-text">
 +
    1. add a part to the canvas<br>
 +
2. choose a part and view its attributes<br>
 +
3. return to the page of parts list<br>
 +
4. shared parts<br>
 +
5. click to view the attributes<br>
 +
6. attributes of the part<br>
 +
7. view the regulation network<br>
 +
    </div>
 +
    </div>
 +
 
 +
    <div id="part2-part">
 +
      <div id="part2">
 +
      <div id="part-header">
 +
 
 +
          <span class="subnav"><a href="#p1">Top</a></span>
 +
      </div>
 +
     
 +
      <div id="part-content">
 +
      <img src="https://static.igem.org/mediawiki/2013/e/e3/Sysu-tutorial2.png">
 +
      </div>
 +
      <div id="part-text">
 +
      1.repress<br>
 +
2.activate<br>
 +
3.bond<br>
 +
4.relieve bond<br>
 +
5.delete the part<br>
 +
      </div>
 +
      </div>
 +
    </div>
 +
 
 +
    <div id="part3">
 +
    <div id="part-header">
 +
    gene circuit
 +
        <span class="subnav"><a href="#p1">Top</a></span>   
 +
    </div>
 +
   
 +
    <div id="part-content">
 +
    <img src="https://static.igem.org/mediawiki/2013/1/19/Sysu-tutorial3.png">
 +
    </div>
 +
    <div id="part-text">
 +
    1. view the plasmid sequences<br>
 +
2. edit the regulation network<br>
 +
3. view the simulation construction in detail<br>
 +
4.forward/backward move the component group<br>
 +
5. forward/reverse the sequences of component group<br>
 +
6. construct a new plasmid<br>
 +
7. backout<br>
 +
8. the expression level before induced (the result is calculated by lgX)<br>
 +
9. regulation ratio<br>
 +
10.the expression level after induced (the result is calculated by lgX)<br>
 +
11.RBS parameters<br>
 +
12.k1<br>
 +
13.the concentration of inducer<br>
 +
14.promoter parameters<br>
 +
15. plasmid copynumber<br>
 +
    </div>
 +
    </div>
 +
 
 +
    <div id="part4-part">
 +
      <div id="part4">
 +
      <div id="part-header">
 +
      simulation
 +
          <span class="subnav"><a href="#p1">Top</a></span>
 +
      </div>
 +
     
 +
      <div id="part-content">
 +
      <img src="https://static.igem.org/mediawiki/2013/5/50/Sysu-tutorial4.png">
 +
      </div>
 +
      <div id="part-text">
 +
      1.choose the wanted curve <br>
 +
2.Whether to join the randomness<br>
 +
3.Whether to join the time delay<br>
 +
4.choose the time to add inducer<br>
 +
5.back<br>
 +
6.save<br>
 +
7.click the site to choose the time to add inducer<br>
 +
      </div>
 +
      </div>
 +
    </div>
 +
 
 +
 
 +
 
 +
 
 +
  <div id="part5-part" style="width:880px;margin:0 auto;height:100%;">
 +
      <div id="part5">
 +
      <div id="part-header">
 +
      plasmid
 +
          <span class="subnav"><a href="#p1">Top</a></span>
 +
      </div>
 +
     
 +
      <div id="part-content">
 +
      <img src="https://static.igem.org/mediawiki/2013/1/12/Sysu-tutorial5.png">
 +
      </div>
 +
      <div id="part-text">
 +
      1.the sequences of plasmid(local)<br>
 +
2.part<br>
 +
3.the annotation of part<br>
 +
4.choose the assembly standards<br>
 +
5.download the sequences<br>
 +
6.save plasmid graph<br>
 +
7. the sequences of plasmid<br>
 +
8. the sequences of plasmid<br>
 +
      </div>
 +
      </div>
 +
    </div>
 +
 
 +
 
 +
 
 +
 
 +
<div id="part6-part" style="width:100%;margin:0 auto;height:100%;background-color:#dff5f2">
 +
      <div id="part6" style="width:880px;margin: 0 auto;">
 +
      <div id="part-header">
 +
      file management
 +
          <span class="subnav"><a href="#p1">Top</a></span>
 +
      </div>
 +
     
 +
      <div id="part-content">
 +
      <img src="https://static.igem.org/mediawiki/2013/b/b8/Sysu-tutorial6.png">
 +
      </div>
 +
      <div id="part-text">
 +
      1.open<br>
 +
2.delete<br>
 +
3.share<br>
 +
4.unshare<br>
 +
5.back<br>
 +
      </div>
 +
      </div>
 +
    </div>
 +
 
 +
 
 +
 
 +
 
 +
  <div id="part7-part" style="width:880px;margin:0 auto;height:100%;">
 +
      <div id="part7">
 +
      <div id="part-header">
 +
      creat new part
 +
          <span class="subnav"><a href="#p1">Top</a></span>
 +
      </div>
 +
     
 +
      <div id="part-content">
 +
      <img src="https://static.igem.org/mediawiki/2013/9/92/Sysu-tutorial8.png">
 +
      </div>
 +
      <div id="part-text">
 +
      1.input basic information of regulation network<br>
 +
2.input promoter information of moderling parameters<br>
 +
3. present<br>
 +
      </div>
 +
      </div>
 +
    </div>
 +
 
 +
 
 +
 
 +
  <div id="part8-part" style="width:100%;margin:0 auto;height:100%;background-color:#dff5f2">
 +
      <div id="part8" style="width:880px;margin:0 auto">
 +
      <div id="part-header">
 +
     
 +
          <span class="subnav"><a href="#p1">Top</a></span>
 +
      </div>
 +
     
 +
      <div id="part-content">
 +
      <img src="https://static.igem.org/mediawiki/2013/4/42/Sysu-tutorial9.png">
 +
      </div>
 +
      <div id="part-text">
 +
      1.add a part<br>
 +
2.save<br>
 +
      </div>
 +
      </div>
 +
    </div>
 +
 
 +
 
 +
  <div id="part9-part" style="width:880px;margin:0 auto;height:100%;">
 +
      <div id="part9">
 +
      <div id="part-header">
 +
     
 +
          <span class="subnav"><a href="#p1">Top</a></span>
 +
      </div>
 +
     
 +
      <div id="part-content">
 +
      <img src="https://static.igem.org/mediawiki/2013/5/5d/Sysu-tutorial10.png">
 +
      </div>
 +
      <div id="part-text">
 +
      1.add a part from registry<br>
 +
2.add a part from sequence<br>
 +
3.present<br>
 +
4.the sequence of part<br>
 +
5.view the constitution of part<br>
 +
      </div>
 +
      </div>
 +
    </div>
 +
 
 +
 
 +
 
 +
    </div>
 +
  <!--page footer-->
 +
  <div id="sysu-footer">
 +
    <img id="bottom-image" src="https://static.igem.org/mediawiki/2013/d/d9/Sysu-footer.png">
 +
  </div>
-
<footer></footer>
 
</body>
</body>
</html>
</html>

Latest revision as of 12:05, 28 October 2013

Team:SYSU-Software new

Contents
regulation network Top
1. add a part to the canvas
2. choose a part and view its attributes
3. return to the page of parts list
4. shared parts
5. click to view the attributes
6. attributes of the part
7. view the regulation network
Top
1.repress
2.activate
3.bond
4.relieve bond
5.delete the part
gene circuit Top
1. view the plasmid sequences
2. edit the regulation network
3. view the simulation construction in detail
4.forward/backward move the component group
5. forward/reverse the sequences of component group
6. construct a new plasmid
7. backout
8. the expression level before induced (the result is calculated by lgX)
9. regulation ratio
10.the expression level after induced (the result is calculated by lgX)
11.RBS parameters
12.k1
13.the concentration of inducer
14.promoter parameters
15. plasmid copynumber
simulation Top
1.choose the wanted curve
2.Whether to join the randomness
3.Whether to join the time delay
4.choose the time to add inducer
5.back
6.save
7.click the site to choose the time to add inducer
plasmid Top
1.the sequences of plasmid(local)
2.part
3.the annotation of part
4.choose the assembly standards
5.download the sequences
6.save plasmid graph
7. the sequences of plasmid
8. the sequences of plasmid
file management Top
1.open
2.delete
3.share
4.unshare
5.back
creat new part Top
1.input basic information of regulation network
2.input promoter information of moderling parameters
3. present
Top
1.add a part
2.save
Top
1.add a part from registry
2.add a part from sequence
3.present
4.the sequence of part
5.view the constitution of part

Retrieved from "http://2013.igem.org/Team:SYSU-Software/tutorial"