Team:SUSTC-Shenzhen-B/tutorial.html

From 2013.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 67: Line 67:
           <div class="menu">
           <div class="menu">
             <a href="https://2013.igem.org/Main_Page" class="item">iGEM homepage</a>
             <a href="https://2013.igem.org/Main_Page" class="item">iGEM homepage</a>
 +
            <a href="/Team:SUSTC-Shenzhen-B" class="item">wiki homepage</a>
             <a href="https://igem.org/User_Information" class="item">My Account</a>
             <a href="https://igem.org/User_Information" class="item">My Account</a>
             <a href="/wiki/index.php?title=Team:SUSTC-Shenzhen-B/tutorial.html&amp;action=edit" class="item">Edit</a>
             <a href="/wiki/index.php?title=Team:SUSTC-Shenzhen-B/tutorial.html&amp;action=edit" class="item">Edit</a>
Line 73: Line 74:
         <a href="project.html" class="item">Overview</a>
         <a href="project.html" class="item">Overview</a>
         <a href="standard.html" class="item">Standard and database</a>
         <a href="standard.html" class="item">Standard and database</a>
-
         <div href="/Team:SUSTC-Shenzhen-B/Project" class="ui dropdown link item active">
+
         <div href="/Team:SUSTC-Shenzhen-B/Software" class="ui dropdown link item active">
           Software
           Software
           <span class="white caret"></span>
           <span class="white caret"></span>
Line 82: Line 83:
             <a href="feedback.html" class="item">Feedback</a>
             <a href="feedback.html" class="item">Feedback</a>
             <a href="future.html" class="item">Future</a>
             <a href="future.html" class="item">Future</a>
 +
            <a href="lab.html" class="item">Lab Manager</a>
 +
            <a href="clotho.html" class="item">Clotho</a>
           </div>
           </div>
         </div>
         </div>
-
        <a href="clotho.html" class="item">Clotho</a>
+
         <div href="/Team:SUSTC-Shenzhen-B/HumanPractice" class="ui dropdown link item">
-
        <a href="lab.html" class="item">Lab Manager</a>
+
-
         <div href="/Team:SUSTC-Shenzhen-B/Project" class="ui dropdown link item">
+
           Human practice
           Human practice
           <span class="white caret"></span>
           <span class="white caret"></span>
Line 94: Line 95:
           </div>
           </div>
         </div>
         </div>
-
         <div href="/Team:SUSTC-Shenzhen-B/Project" class="ui dropdown link item">
+
        <a href="achievement.html" class="item">Achievement</a>
 +
         <div href="/Team:SUSTC-Shenzhen-B/Team" class="ui dropdown link item">
           Team
           Team
           <span class="white caret"></span>
           <span class="white caret"></span>
           <div class="menu">
           <div class="menu">
             <a href="about.html" class="item">About us</a>
             <a href="about.html" class="item">About us</a>
-
            <a href="achievement.html" class="item">Achievement</a>
 
             <a href="notebook.html" class="item">Notebook</a>
             <a href="notebook.html" class="item">Notebook</a>
             <a href="acknowledgement.html" class="item">Acknoledgement</a>
             <a href="acknowledgement.html" class="item">Acknoledgement</a>
Line 126: Line 127:
             </div>
             </div>
           </div>
           </div>
-
           <a class="active item">Result page</a>
+
           <a class="item">Result page</a>
-
           <a class="active item">Upload</a>
+
           <a class="item">Upload</a>
-
           <a class="active item">Information page</a>
+
           <a class="item">Information page</a>
-
           <a class="active 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 136: 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

SUSTC-ShenZhen-B
Visit Circuit+
iGEM
iGEM homepage wiki homepage My Account Edit
Overview Standard and database
Software
Circuit+ Tutorial Safety Feedback Future Lab Manager Clotho
Human practice
Workshop meeting Publicity
Achievement
Team
About us Notebook Acknoledgement

Tutorial

Some FAQs.

Retrieving circuits
Search Circuit List Mindmap
Result page Upload Information page Export as SBOL Back to Homepage

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:

© SUSTC-ShenZhen-B

Retrieved from "http://2013.igem.org/Team:SUSTC-Shenzhen-B/tutorial.html"