Team:SUSTC-Shenzhen-B/tutorial.html

From 2013.igem.org

(Difference between revisions)
 
(12 intermediate revisions not shown)
Line 131: Line 131:
           <a class="item">Information page</a>
           <a class="item">Information page</a>
           <a class="item">Export as SBOL</a>
           <a class="item">Export as SBOL</a>
 +
          <a class="active item" href="/Team:SUSTC-Shenzhen-B">Back to Homepage</a>
         </div>
         </div>
       </div>
       </div>
Line 137: Line 138:
         <section id="motivation"></section>
         <section id="motivation"></section>
         <h3>Search</h3>
         <h3>Search</h3>
-
         <p>Input keywords in the search box and choose search or press enter. You can search by genetic circuit name, description and tags. You can also find search box in circuit list and circuit information page and start your search convenient.</p>
+
         <p>Input keywords in the Search Box and choose search or press enter. Three searching methods are all available, by genetic circuit name, by description and by tags. Search Box can also be found in circuit list and circuit information pages, which enable searching to be convenient.</p>
 +
<br>step1:</br>
 +
<img src="https://static.igem.org/mediawiki/2013/b/b5/Search1.png" style="height:400px;width:800px"/>
 +
<br>step2:</br>
 +
<img src="https://static.igem.org/mediawiki/2013/e/eb/Search2.png" style="height:400px;width:800px"/>
 +
<br>
         <h3>Circuit List</h3>
         <h3>Circuit List</h3>
-
         <p>You can firstly choose a category to exclude the unneeded result and then use search box to do some keywords matching searching.</p>
+
         <p>Choose a category first to exclude the unneeded results and then use Search Box to do some keywords matching searching.
 +
</p>
 +
<br>step1:</br>
 +
<img src="https://static.igem.org/mediawiki/2013/3/3f/Circuit_List1.png" style="height:400px;width:800px"/>
 +
<br>step2:</br>
 +
<img src="https://static.igem.org/mediawiki/2013/b/bc/Circuit_List2.png" style="height:400px;width:800px"/>
 +
<br>
         <h3>Mindmap</h3>
         <h3>Mindmap</h3>
-
         <p>Just click bubbles to find the circuit you want</p>
+
         <p>Click the bubbles one by one to find the circuit you want.</p>
 +
<br>step1:</br>
 +
<img src="https://static.igem.org/mediawiki/2013/a/ae/Mindmap1.png" style="height:400px;width:800px"/>
 +
<br>step2:</br>
 +
<img src="https://static.igem.org/mediawiki/2013/c/c0/Mindmap2.png" style="height:400px;width:800px"/>
 +
<br>
         <h2 class="ui dividing header">Result page</h2>
         <h2 class="ui dividing header">Result page</h2>
         <section id="motivation"></section>
         <section id="motivation"></section>
-
         <p>When you have entered your words in the search box and press Enter, a well-designed result page appears. The results make a list in a certain order. The keywords you input in the search box are highlight to be outstand. In the left part of this page is a list of categories. The number besides some categories show the number of related circuit in the categories. You can click one of it to restrict the result in the category. In the top of the page, some filter and sort options can be found. They all can optimize your searching experience. Information page</p>
+
         <p>When having entered words in the Search Box, press Enter or click search, a well-designed result page will show up. The results list is in a certain order. The keywords searched in the Search Box are highlight to outstand. On the left section of this page is a list of categories. The numbers besides some categories indicate the number of related circuits in these categories. Click one of it to restrict the result in the category. On top of the page, some filter and sort options can be found. They all can optimize the searching experience.  
-
         <h2 class="ui dividing header">Upload</h2>
+
</p>
 +
<br>step1:</br>
 +
<img src="https://static.igem.org/mediawiki/2013/b/bb/Result1.png" style="height:400px;width:800px"/>
 +
<br>
 +
         <h2 class="ui dividing header">Submit</h2>
         <section id="motivation"></section>
         <section id="motivation"></section>
-
         <p>In the result page, choose “create”.</p>
+
         <p>In List page, Create button lays under the List button. Click the Create button and a form will show up. Fill all required information and accomplish submitting. Also, Create is accessible in the result page.</p>
 +
<br>step1:</br>
 +
<img src="https://static.igem.org/mediawiki/2013/6/69/Upload1.png" style="height:400px;width:800px"/>
 +
<br>
         <h2 class="ui dividing header">Information page</h2>
         <h2 class="ui dividing header">Information page</h2>
         <section id="motivation"></section>
         <section id="motivation"></section>
-
         <p>After finishing your retrieving and click one of the circuit in the result list or the deepest level bubble of mindmap, an information page will jump out. The information of a circuit is divided into four parts, information, LGD, feedback, and comment. We will discuss information here. The information part holds information defined in RFC 102, including basic information, ranking, circuit construct, input, output, regulatory information and result. Information such as reference is also included. You can find as many as information that defined in the RFC standard in a prime way. You can also start a new search by clicking the tags. The circuits which have same tag can be found in a result page.</p>
+
         <p>After finishing retrieving and click one circuit in the result list or the deepest level bubble of Mindmap, an information page will jump out. The information of a circuit is divided into four parts, information, LGD, feedback, and comment. We will discuss information here. The information part holds information defined in RFC 97, including basic information, ranking, circuit construct, input, output, regulatory information and result. Information such as reference is also included. You can find as many as information that defined in the RFC standard in a prime way. You can also start a new search by clicking the tags. The circuits which have same tag can be found in a result page.</p>
-
         <h2 class="ui dividing header">Export as SBOL</h2>
+
<img src="https://static.igem.org/mediawiki/2013/4/4a/Infor1.png" style="height:100px;width:800px" />
 +
 
 +
 
 +
<br>step1:</br>
 +
<img src="https://static.igem.org/mediawiki/2013/a/ac/Information1.png" style="height:400px;width:800px"/>
 +
<br>step2:</br>
 +
<img src="https://static.igem.org/mediawiki/2013/a/aa/Information2.png" style="height:400px;width:800px"/>
 +
<br>
 +
<br>As shown in the figure, the relationship between different biobricks is based on the substance. When you move your mouse above the picture, you can gain information about the biobrick.
 +
</br>
 +
<br>step1:</br>
 +
<img src="https://static.igem.org/mediawiki/2013/8/88/Lgd1.png" style="height:400px;width:800px"/>
 +
<img src="https://static.igem.org/mediawiki/2013/8/81/Lgd2.png" style="height:120px;width:800px"/>
 +
<br>
 +
 
 +
         <h2 class="ui dividing header">Export in SBOL</h2>
         <section id="motivation"></section>
         <section id="motivation"></section>
         <p>Click the “Export to SBOL”.</p>
         <p>Click the “Export to SBOL”.</p>
 +
<br>step1:</br>
 +
<img src="https://static.igem.org/mediawiki/2013/c/c2/SBOL1.png" style="height:400px;width:800px"/>
 +
<br>step2:</br>
 +
<img src="https://static.igem.org/mediawiki/2013/d/da/SBOL2.png" style="height:400px;width:800px"/>
 +
<br>
       </div>
       </div>
     </div>
     </div>

Latest revision as of 03:36, 29 October 2013

SUSTC-ShenZhen-B

Tutorial

Some FAQs.

Retrieving circuits

Search

Input keywords in the Search Box and choose search or press enter. Three searching methods are all available, by genetic circuit name, by description and by tags. Search Box can also be found in circuit list and circuit information pages, which enable searching to be convenient.


step1:

step2:

Circuit List

Choose a category first to exclude the unneeded results and then use Search Box to do some keywords matching searching.


step1:

step2:

Mindmap

Click the bubbles one by one to find the circuit you want.


step1:

step2:

Result page

When having entered words in the Search Box, press Enter or click search, a well-designed result page will show up. The results list is in a certain order. The keywords searched in the Search Box are highlight to outstand. On the left section of this page is a list of categories. The numbers besides some categories indicate the number of related circuits in these categories. Click one of it to restrict the result in the category. On top of the page, some filter and sort options can be found. They all can optimize the searching experience.


step1:

Submit

In List page, Create button lays under the List button. Click the Create button and a form will show up. Fill all required information and accomplish submitting. Also, Create is accessible in the result page.


step1:

Information page

After finishing retrieving and click one circuit in the result list or the deepest level bubble of Mindmap, an information page will jump out. The information of a circuit is divided into four parts, information, LGD, feedback, and comment. We will discuss information here. The information part holds information defined in RFC 97, including basic information, ranking, circuit construct, input, output, regulatory information and result. Information such as reference is also included. You can find as many as information that defined in the RFC standard in a prime way. You can also start a new search by clicking the tags. The circuits which have same tag can be found in a result page.


step1:

step2:


As shown in the figure, the relationship between different biobricks is based on the substance. When you move your mouse above the picture, you can gain information about the biobrick.

step1:

Export in SBOL

Click the “Export to SBOL”.


step1:

step2: