Team:SYSU-Software/Tutorial

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{:Team:SYSU-Software/menu}} 无标题 1 
+
{{:Team:SYSU-Software/menu}}
-
 Home Project Models Tutorial Team NotebookTips World-Jamboree  Tutorial
+
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
-
Contents
+
-
Genome BrowserBiobrickRiboswitchSiRNAMeta NetworkSimulatorG-CircleClothoHome
+
-
On the left is the logo of BiArkit which is created by 2012 SYSU-software igem team.
+
<head>
-
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.
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
Genome Browser
+
<title>无标题 1</title>
-
Procedure:  
+
<link href="https://2012.igem.org/Team:SYSU-Software/template2/style.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
-
+
<script language="javascript" type="text/javascript" src="https://2012.igem.org/Team:SYSU-Software/template2/js/jquery-1.4.2.js?action=raw&ctype=text/javascript"></script>
-
In the main display window, the first ribbon is the sequence that the user has inputted, and the third ribbon shows the corresponding gene annotation. You can click any annotation that you want, and then the sequence site will automatically jump to the fragment related to it. Between those ribbons is an adjustable slider, which can adjust your view location by sliding to the left or to the right. Above the sequence are the head and tail of the location that you are viewing while the head and tail of the whole sequence are displayed in the bottom textbox. What’s more, the textbox contains the length, product, tag of the sequence, and links of related papers are also included sometimes.  
+
<script language="javascript" type="text/javascript" src="https://2012.igem.org/Team:SYSU-Software/template2/js/menu.js?action=raw&ctype=text/javascript"></script>
-
On the left, there are two useful tools: you can search the fragment that you want by position, product or name (Position represents the position of its head, Product and Name stand for products and names of related genes, both of them support fuzzy search), besides, whether you choose product or name, a dialog box that contains names of related genes will appear; the slider of Zoom is designed for regulating the display frame rate of the sequence.  
+
-
Biobrick
+
-
 Procedure:  
+
-
+
-
Notice that there is a finder on the left; you can search biobricks by key words and then a window showing the search result will pop up. Bellow it is a list of biobrick. Turning to the right, a schematic diagram that shows components of the biobrick is on the top. And related information about the biobrick is below it.
+
-
 
+
-
RiboSwitch
+
-
Procedure:  
+
-
+
-
On the right is the main operating area and you can choose your target type (your experimental object) and corresponding target name, aptamer and regulation direction. Attention should be paid to the input box named Input your Target. You can search your target name by key words or even several letters of it. It should be useful to you. Click GO and you will see a picture. The designed riboswitch is in the dotted box on the top left corner. Below it is a diagram to show how the riboswitch works. Besides, there is a list on the left box. It records your choices that you have made in created riboswich project, and you need only click GO next time.
+
-
 
+
-
SiRNA
+
-
Procedure:
+
-
+
-
 
+
-
Network Illustrator
+
-
Procedure:
+
-
In the main display window, you will see a network from KEGG website. On the left, there is a finder; you can search elements in the network and a window that shows the search result will pop up. Bellow it is a box containing a list of files that you have opened. Pay attention that you can right click the main display window to open another KEGG xml file or to search any element in the network (choose find element).
+
</head>
-
 
+
-
Simulator
+
-
Procedure:
+
 +
<body>
 +
<body class=""
 +
style="
 +
  text-align:center;
 +
  width:970px;
 +
  margin:0 auto;>
 +
  <div class="skip-content"></div>
 +
  &nbsp;<div id="header" class="clear" style="background-color: #545454">
 +
    <div class="wrapper">
 +
<a href="https://2012.igem.org/Team:SYSU-Software" class="sysu-title"></a>
 +
     
 +
      <!--end navigation-->
 +
    </div><!--end wrapper-->
 +
</div><!--end header-->
 +
<div class="content-background">
 +
<div id="blank" ><br/></div>
 +
<div class="wrapper">
 +
 
 +
<div id="menu">
 +
<ul id="nav">     
 +
    <li class="mainlevel" id="mainlevel_01"><a href="https://2012.igem.org/Team:SYSU-Software">&nbsp;Home</a>
 +
   
 +
    </li>
 +
   
 +
    <li class="mainlevel" id="mainlevel_02"><a href="https://2012.igem.org/Team:SYSU-Software/Project">Project</a>
 +
   
 +
    </li>
 +
     
 +
    <li class="mainlevel"><a href="https://2012.igem.org/Team:SYSU-Software/Models">Models</a>
 +
      </li>
 +
    <li class="mainlevel"><a href="https://2012.igem.org/Team:SYSU-Software/Tutorial">Tutorial</a>
 +
   
 +
    </li>
 +
    <li class="mainlevel"><a href="https://2012.igem.org/Team:SYSU-Software/Team">Team</a>
 +
   
 +
    </li>
 +
       
 +
 
 +
   
 +
   
 +
   
 +
    <li class="mainlevel"><a href="https://2012.igem.org/Team:SYSU-Software/Notebook">Notebook</a></li>
 +
     
 +
    <li class="mainlevel"><a href="https://2012.igem.org/Team:SYSU-Software/Practice">
 +
Tips</a><!--input an em tag as a space,IE is gread need-->
 +
   
 +
    </li>
 +
    <li class="mainlevel"><a href="https://2012.igem.org/Team:SYSU-Software/WorldJamboree">
 +
World-Jamboree</a><!--input an em tag as a space,IE is gread need-->
 +
   
 +
    </li>
 +
   
 +
</ul>
 +
</div>
 +
  <img src=" https://static.igem.org/mediawiki/2012/6/6d/Little-boy.png"  id="little-boy"></img>
-
 
+
 
-
 
+
  <div id="content">                  <div class="entry page clear">
-
There are 5 options for you to select: exhaustive single deletion, reaction deletion, Fva analysis, Perturbation analysis and PhPP analysis. They with FBA solve will be introduced in detail. You can select all of them or part of them, or even nothing, then click Go. If you select none of them, you will see a table showed basic information of each reaction. If you select several of them, the corresponding windows will tiled in the resulting window. If you select reaction deletion option, a selection of the reaction you want to wipe off is required, and if there is any change, it will be highlighted in red font.
+
        <h1 id="doctitle" class="pagetitle">SBOL Based Tool</h1>
-
1.     FBA_solve
+
<div id="doc-contents">
 +
<h2><span lang="EN-US"  id="r1">Introduction</span></h2>
 +
<p>A SBOL Converter has been transformed into the Software Version. </p>
 +
<p><img src="https://static.igem.org/mediawiki/igem.org/6/6c/Sbol3.png"  style="width: 650px"></p>
 +
<p><img src="https://static.igem.org/mediawiki/igem.org/7/72/Sbol2.png" style="width: 650px"></p>
 +
</div>
 +
              </div>
 +
          </div><!--end content-->
 +
 +
  <div id="sidebar">
 +
      <div id="doc-nav">
 +
<div>
 +
<h5>IGEM-SYSU-Software </h5>
 +
<div>
 +
<ul>
 +
<li>
 +
<a href="https://2012.igem.org/Team:SYSU-Software">Main Page</a>
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:SYSU-Software/Team">Album</a>
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:SYSU-Software/SecondEdition">Second Edition</a>
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:SYSU-Software/Accomplishment">Accomplishment</a>
 +
</li>
 +
 +
</ul>
 +
</div>
 +
</div>
-
Above column displays names of the reactions while the right one displays the flux amount of each reaction
+
<div>
-
 
+
<h5>User Guide</h5>
-
2. exanstive single deletion
+
<div>
-
Calculate the flux amount of the objective reaction when each other reaction is deleted one by one.
+
<ul>
 +
<li>
 +
<a href="https://2012.igem.org/Team:SYSU-Software/Download">
 +
Download</a>
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:SYSU-Software/Tutorial">Tutorial</a>
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:SYSU-Software/Video">Video</a>
 +
</li>
 +
                   
 +
<li>
 +
<a href="https://2012.igem.org/Team:SYSU-Software/Contact">Email</a>
 +
</li>
-
Left column display names of the reactions
+
-
The right one displays the flux amount of objective reaction the user has chosen, when each other reaction is deleted one by one. 
+
</ul>
 +
</div>
 +
</div>
-
when rolling down the screen, you can see the reaction-names related to lethal deletions, sub optimal deletions and super optimaldeletions.
+
<div>
 +
<h5>FAQ </h5>
 +
<div>
 +
<ul>
 +
<li>
 +
<a href="https://2012.igem.org/Team:SYSU-Software/Faq">Questions</a>
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:SYSU-Software/Trouble">Troubleshooting</a>
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:SYSU-Software/Uninstalling">Uninstalling</a>
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:SYSU-Software/Contact">Contact Us</a>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
-
This graph shows how many lethal knockouts in each reaction subsystem. The information of the reaction subsystem can be attained in SBML
 
-
This hist graph shows the frequency of reaction which has different quantified effect showed in the X-axis opon objective reaction.
+
</div>
-
 
+
  </div><!--end sidebar-->
-
3. reaction deletion
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 +
<script type="text/javascript">
 +
var name = "#doc-nav";
 +
var menuYloc = null;
 +
 +
$(document).ready(function(){
 +
menuYloc = parseInt($(name).css("top").substring(0,$(name).css("top").indexOf("px")))
 +
$(window).scroll(function () {
 +
offset = menuYloc+$(document).scrollTop()+"px";
 +
$(name).animate({top:offset},{duration:500,queue:false});
 +
});
 +
});
-
Middle column displays the flux amount of the wild type while the right column displays the mutant type, which is calculated based on the deletion of one chosen reaction.
+
</script>
-
 
+
-
4. FVA analysis
+
-
 
+
-
5.Perturbation analysis:
+
-
 
+
-
X-axis refers to the continuously increasing flux value of the chosen reaction.
+
-
Y-axis refers to the flux value of the objective reaction according to the variation of the flux value of chosen reaction in the X-axis
+
-
 
+
-
 
+
-
6.PhPP analysis
+
-
 
+
-
The value marked on the contour represents the flux value of the objective reaction based on the variation of two chosen reactions The color of the graph changes according to the altitude, namely, the objective flux value.
+
-
 
+
-
G-Circle
+
-
 
+
-
Procedure:
+
-
 
+
-
 
+
-
 
+
-
 You can open several file so that you can compare the difference of these genomes. Each genome have 2 circles in the picture: the outer one is the genes of the genome, the inner is the expression level of corresponding genes. By the way, right click different sites in the small panoramic window or left click and drag the picture in the zoom window, you can move to anywhere you want to enlarge and see more details in the amplifier window.
+
-
 
+
-
Clotho
+
-
All above seven parts have been developed into Clotho apps and have been updated into Clotho, which has met the requirements for gold medal of IGEM.
+
-
 
+
-
Home
+
-
+
-
 
+
-
Genome Browser
+
</div></div><!--end wrapper-->
-
+
</div><!--end content-background-->
-
 
+
<!--end footer-->
-
  Biobrick
+
-
+
-
 
+
-
  RiboSwitch
+
-
+
 +
<script type="text/javascript">
 +
  var _gaq = _gaq || [];
 +
  _gaq.push(['_setAccount', 'UA-15948744-2']);
 +
  _gaq.push(['_trackPageview']);
-
SiRNA
+
  (function() {
-
+
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
-
    
+
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 +
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 +
   })();
-
Network Illustrator
+
</script></body><div id="footer">
-
+
  <div class="wrapper clear">
-
 
+
    <div id="footer-about" class="footer-column">
-
   Simulator 
+
      <h2>&nbsp;&nbsp; About</h2>
 +
                  <ul>
 +
<li>
 +
<a href="https://2012.igem.org/Team:SYSU-Software/Team">Developers</a>
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:SYSU-Software/Contact">Contact Us</a>
 +
</li>
 +
</ul>
 +
            </div>
 +
    <div id="footer-flickr" class="footer-column">
 +
                              <h2>&nbsp;&nbsp; Links</h2>
 +
              <ul>
 +
                <li><a href="http://www.sysu.edu.cn">SUN YAT-SEN University</a></li>
 +
                <li><a href="http://lifescience.sysu.edu.cn/main/default/index.aspx">SYSU LifeScience</a></li>
 +
              </ul>
 +
         
 +
                    </div>
 +
    <div id="footer-search" class="footer-column">
 +
      <h2>&nbsp;&nbsp;&nbsp; Facebook</h2>
 +
 
 +
    </div>
 +
    <div id="copyright">
 +
    </div><!--end copyright-->
 +
   </div><!--end wrapper-->
 +
</div>
 +
</body>
-
 
 
-
  G-Circle
 
-
 
-
 
+
</html>
-
IGEM-SYSU-Software
+
-
Main Page Album Second Edition Accomplishment User Guide
+
-
Download Tutorial Video Email FAQ
+
-
Questions Troubleshooting Uninstalling Contact Us    About
+
-
Developers Contact Us    Links
+
-
SUN YAT-SEN UniversitySYSU LifeScience    Facebook
+

Revision as of 23:55, 26 October 2012

无标题 1
 

SBOL Based Tool

Introduction

A SBOL Converter has been transformed into the Software Version.

Retrieved from "http://2012.igem.org/Team:SYSU-Software/Tutorial"