Team:SYSU-Software/tutorial

From 2013.igem.org

(Difference between revisions)
 
(11 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 49: Line 49:
<!-- tutorial content -->
<!-- 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>
Line 59: Line 60:
       </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>
   </span>
   </span>
Line 72: Line 72:
     <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 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.In the main display window, there are six buttons, G-Circle, Network Illustrator, RiboSwitch, Genome Browser, SiRNA, Biobrick, and Simulator, which will take you to corresponding parts once clicking.
+
     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>
     </div>
Line 87: Line 93:
       <div id="part2">
       <div id="part2">
       <div id="part-header">
       <div id="part-header">
-
      Home
+
 
           <span class="subnav"><a href="#p1">Top</a></span>
           <span class="subnav"><a href="#p1">Top</a></span>
       </div>
       </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/e/e3/Sysu-tutorial2.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.repress<br>
-
  In the main display window, there are six buttons, G-Circle, Network Illustrator,<br>  
+
2.activate<br>
-
  RiboSwitch, Genome Browser, SiRNA, Biobrick, and Simulator, which will take you<br>
+
3.bond<br>
-
  to corresponding parts once clicking.
+
4.relieve bond<br>
 +
5.delete the part<br>
       </div>
       </div>
       </div>
       </div>
Line 105: Line 112:
     <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 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>
Line 123: Line 141:
       <div id="part4">
       <div id="part4">
       <div id="part-header">
       <div id="part-header">
-
       Home       
+
       simulation
           <span class="subnav"><a href="#p1">Top</a></span>
           <span class="subnav"><a href="#p1">Top</a></span>
       </div>
       </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/5/50/Sysu-tutorial4.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.choose the wanted curve <br>
-
  In the main display window, there are six buttons, G-Circle, Network Illustrator,<br>  
+
2.Whether to join the randomness<br>
-
  RiboSwitch, Genome Browser, SiRNA, Biobrick, and Simulator, which will take you<br>
+
3.Whether to join the time delay<br>
-
  to corresponding parts once clicking.
+
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>
     </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-->
   <!--page footer-->
   <div id="sysu-footer">
   <div id="sysu-footer">
-
     <img id="bottom-image" src="new/footer.png">
+
     <img id="bottom-image" src="https://static.igem.org/mediawiki/2013/d/d9/Sysu-footer.png">
   </div>
   </div>
</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