Team:SYSU-Software/tutorial

From 2013.igem.org

(Difference between revisions)
 
(25 intermediate revisions not shown)
Line 10: Line 10:
<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/tutorial.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 30: Line 48:
<!-- tutorial content -->
<!-- tutorial content -->
 +
<!-- tutorial content -->
 +
<div class="wrapper">
   <div id="tutorial-container">
   <div id="tutorial-container">
   <div id="tutorial-header">
   <div id="tutorial-header">
-
  Tutorial
+
<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>
   </div>
-
   <div id="tutorial-list">
+
   <span id="tutorial-list">
       <div id="list-header">
       <div id="list-header">
         Contents
         Contents
       </div>
       </div>
   <ul class="mainnav">
   <ul class="mainnav">
-
       <li><a href="#part1">Biobrick</a></li>
+
       <li><a href="#part1">regulation network</a></li>
-
      <li><a href="#part2">Riboswitch</a></li>
+
       <li><a href="#part3">gene circuit</a></li>
-
       <li><a href="#part3">SiRNA</a></li>
+
       <li><a href="#part4">simulation</a></li>
-
       <li><a href="#part4">Meta Network</a></li>
+
       <li><a href="#part5">plasmid</a></li>
-
       <li><a href="#part5">Simulator</a></li>
+
      <li><a href="#part6">file management</a></li>
-
          <li><a href="#part6">G-Circle</a></li>
+
                <li><a href="#part7">creat new part</a></li>
-
          <li><a href="#part7">Clotho</a></li>
+
     </ul>
     </ul>
-
   </div>
+
   </span>
     <div id="part1">
     <div id="part1">
     <div id="part-header">
     <div id="part-header">
-
    Home
+
        regulation network
         <span class="subnav"><a href="#p1">Top</a></span>
         <span class="subnav"><a href="#p1">Top</a></span>
     </div>
     </div>
-
    <div>
+
 
-
    <img src="https://static.igem.org/mediawiki/2013/e/ea/Layer.png">
+
-
    </div>
+
     <div id="part-content">
     <div id="part-content">
-
     <img src="https://static.igem.org/mediawiki/2013/2/2e/Part1.png">
+
     <img src="https://static.igem.org/mediawiki/2013/d/d3/Sysu-tutorial.png">
     </div>
     </div>
     <div id="part-text">
     <div id="part-text">
-
    On the left is the logo of BiArkit which is created by 2012 SYSU-software igem team.<br>
+
    1. add a part to the canvas<br>
-
In the main display window, there are six buttons, G-Circle, Network Illustrator,<br>  
+
2. choose a part and view its attributes<br>
-
RiboSwitch, Genome Browser, SiRNA, Biobrick, and Simulator, which will take you<br>
+
3. return to the page of parts list<br>
-
to corresponding parts once clicking.
+
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>
     </div>
-
     <div id="part2">
+
     <div id="part2-part">
-
    <div id="part-header">
+
      <div id="part2">
-
    Home
+
      <div id="part-header">
-
        <span class="subnav"><a href="#p1">Top</a></span>
+
 
-
    </div>
+
          <span class="subnav"><a href="#p1">Top</a></span>
-
    <div>
+
      </div>
-
    <img src="https://static.igem.org/mediawiki/2013/e/ea/Layer.png">
+
     
-
    </div>
+
      <div id="part-content">
-
    <div id="part-content">
+
      <img src="https://static.igem.org/mediawiki/2013/e/e3/Sysu-tutorial2.png">
-
    <img src="https://static.igem.org/mediawiki/2013/2/2e/Part1.png">
+
      </div>
-
    </div>
+
      <div id="part-text">
-
    <div id="part-text">
+
      1.repress<br>
-
    On the left is the logo of BiArkit which is created by 2012 SYSU-software igem team.<br>
+
2.activate<br>
-
In the main display window, there are six buttons, G-Circle, Network Illustrator,<br>  
+
3.bond<br>
-
RiboSwitch, Genome Browser, SiRNA, Biobrick, and Simulator, which will take you<br>
+
4.relieve bond<br>
-
to corresponding parts once clicking.
+
5.delete the part<br>
-
    </div>
+
      </div>
 +
      </div>
     </div>
     </div>
     <div id="part3">
     <div id="part3">
     <div id="part-header">
     <div id="part-header">
-
     Home
+
     gene circuit
         <span class="subnav"><a href="#p1">Top</a></span>     
         <span class="subnav"><a href="#p1">Top</a></span>     
     </div>
     </div>
-
     <div>
+
    
-
    <img src="https://static.igem.org/mediawiki/2013/e/ea/Layer.png">
+
-
    </div>
+
     <div id="part-content">
     <div id="part-content">
-
     <img src="https://static.igem.org/mediawiki/2013/2/2e/Part1.png">
+
     <img src="https://static.igem.org/mediawiki/2013/1/19/Sysu-tutorial3.png">
     </div>
     </div>
     <div id="part-text">
     <div id="part-text">
-
     On the left is the logo of BiArkit which is created by 2012 SYSU-software igem team.<br>
+
     1. view the plasmid sequences<br>
-
In the main display window, there are six buttons, G-Circle, Network Illustrator,<br>  
+
2. edit the regulation network<br>
-
RiboSwitch, Genome Browser, SiRNA, Biobrick, and Simulator, which will take you<br>
+
3. view the simulation construction in detail<br>
-
to corresponding parts once clicking.
+
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>
     </div>
-
     <div id="part4">
+
     <div id="part4-part">
-
    <div id="part-header">
+
      <div id="part4">
-
    Home       
+
      <div id="part-header">
-
        <span class="subnav"><a href="#p1">Top</a></span>
+
      simulation
-
    </div>
+
          <span class="subnav"><a href="#p1">Top</a></span>
-
    <div>
+
      </div>
-
    <img src="https://static.igem.org/mediawiki/2013/e/ea/Layer.png">
+
     
-
    </div>
+
      <div id="part-content">
-
    <div id="part-content">
+
      <img src="https://static.igem.org/mediawiki/2013/5/50/Sysu-tutorial4.png">
-
    <img src="https://static.igem.org/mediawiki/2013/2/2e/Part1.png">
+
      </div>
-
    </div>
+
      <div id="part-text">
-
    <div id="part-text">
+
      1.choose the wanted curve <br>
-
    On the left is the logo of BiArkit which is created by 2012 SYSU-software igem team.<br>
+
2.Whether to join the randomness<br>
-
In the main display window, there are six buttons, G-Circle, Network Illustrator,<br>  
+
3.Whether to join the time delay<br>
-
RiboSwitch, Genome Browser, SiRNA, Biobrick, and Simulator, which will take you<br>
+
4.choose the time to add inducer<br>
-
to corresponding parts once clicking.
+
5.back<br>
-
    </div>
+
6.save<br>
 +
7.click the site to choose the time to add inducer<br>
 +
      </div>
 +
      </div>
     </div>
     </div>
-
    <div id="part5">
+
 
-
    <div id="part-header">
+
 
-
    Home
+
 
-
        <span class="subnav"><a href="#p1">Top</a></span>
+
  <div id="part5-part" style="width:880px;margin:0 auto;height:100%;">
-
    </div>
+
      <div id="part5">
-
    <div>
+
      <div id="part-header">
-
    <img src="https://static.igem.org/mediawiki/2013/e/ea/Layer.png">
+
      plasmid
-
    </div>
+
          <span class="subnav"><a href="#p1">Top</a></span>
-
    <div id="part-content">
+
      </div>
-
    <img src="https://static.igem.org/mediawiki/2013/2/2e/Part1.png">
+
     
-
    </div>
+
      <div id="part-content">
-
    <div id="part-text">
+
      <img src="https://static.igem.org/mediawiki/2013/1/12/Sysu-tutorial5.png">
-
    On the left is the logo of BiArkit which is created by 2012 SYSU-software igem team.<br>
+
      </div>
-
In the main display window, there are six buttons, G-Circle, Network Illustrator,<br>  
+
      <div id="part-text">
-
RiboSwitch, Genome Browser, SiRNA, Biobrick, and Simulator, which will take you<br>
+
      1.the sequences of plasmid(local)<br>
-
to corresponding parts once clicking.
+
2.part<br>
-
    </div>
+
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>
 +
 +
 +
 +
 +
<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>
   </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"