Team:SUSTC-Shenzhen-A/Biosearch Tutorial

From 2012.igem.org

(Difference between revisions)
Line 102: Line 102:
#talkbubble_c2 {
#talkbubble_c2 {
   width: 862px;  
   width: 862px;  
-
   height:4000px;  
+
   height:8000px;  
//  background:#EFEFEF;
//  background:#EFEFEF;
   background:#ffffff;
   background:#ffffff;
Line 237: Line 237:
       <p class="title">&nbsp;&nbsp;&nbsp;&nbsp;<--(5)</p>
       <p class="title">&nbsp;&nbsp;&nbsp;&nbsp;<--(5)</p>
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
-
       <p>&nbsp;&nbsp;<Click the ‘Search’ button to do the search. The loading will last for a few seconds. </p>
+
       <p>&nbsp;&nbsp;Click the ‘Search’ button to do the search. The loading will last for a few seconds. </p>
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
Line 316: Line 316:
   </tr>
   </tr>
 +
  <tr>
 +
    <td>
 +
    <p><img src="https://static.igem.org/mediawiki/2012/1/10/BiosearchPage11.png"  valign="top" align="left" width="300" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ><img src="https://static.igem.org/mediawiki/2012/0/0d/BiosearchPage12.png"  valign="top" align="right" width="300" style="BORDER:#CCFFCC 5px dashed;margin:10px;" ></p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p class="title">&nbsp;&nbsp;&nbsp;&nbsp;<--(11)</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;Click the option name, you can get the submenu.</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;Click the ‘list’ button, you can browse all the biobricks in this catagery.</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p class="title">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(12)--></p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
<img src="https://static.igem.org/mediawiki/2012/0/0b/Devidingline_whole.jpg">
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
</td>
 +
  </tr>
 +
 +
  <tr>
 +
    <td>
 +
    <p><img src="https://static.igem.org/mediawiki/2012/b/bb/BiosearchPage13.png"  valign="top" align="left" width="300" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ><img src="https://static.igem.org/mediawiki/2012/3/31/BiosearchPage14.png"  valign="top" align="right" width="300" style="BORDER:#CCFFCC 5px dashed;margin:10px;" ></p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p class="title">&nbsp;&nbsp;&nbsp;&nbsp;<--(13)</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;In the favorites page, you can see all the biobricks you have added.</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;Click the ‘edit’ button to enter the edit mode. Click the ‘done’ button to exit.</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p class="title">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(14)--></p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
<img src="https://static.igem.org/mediawiki/2012/0/0b/Devidingline_whole.jpg">
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
</td>
 +
  </tr>
 +
 +
<tr>
 +
    <td>
 +
    <p><img src="https://static.igem.org/mediawiki/2012/3/34/BiosearchPage15.png"  valign="top" align="left" width="300" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ></p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p class="title">&nbsp;&nbsp;&nbsp;&nbsp;<--(15)</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;Click the ‘browse’ button, you can choose the way to browse your bookmarks.</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
<img src="https://static.igem.org/mediawiki/2012/0/0b/Devidingline_whole.jpg">
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
</td>
 +
  </tr>
</table>
</table>

Revision as of 05:46, 20 September 2012

Search Toturial

 

  

    <--(1)

  

  After loading, it’s the search page.

  

  

  

  

  

  

  Click the ‘Tutorial’ button, you can learn how to use the function this page. Click ‘Okey’ button to exit.

  

        (2)-->

  

  

  

  

  

  

  

  

  

  

    <--(3)

  

  Click the button in the top right corner, you can choose to add a search keyword.

  

  

  

  

  

  

  After entering, click ‘return’ button to hide the keyboard.

  

        (4)-->

  

  

  

  

  

  

  

  

  

  

    <--(5)

  

  Click the ‘Search’ button to do the search. The loading will last for a few seconds.

  

  

  

  

  

  You can get the result. Each record shows whether the biobrick is available or not and the short description of this biobrick. You can also click the right corner button to do a second level search.

  

        (6)-->

  

  

  

  

  

  

  

  

  

  

    <--(7)

  

  Click the biobrick name, you can browse the detail information of this biobrick.

  

  

  

  

  

  

  Click the ‘add’ button, you can add this biobrick to your bookmark (Favorites). In the alert, you can add your own tag to this biobrick. You need click the ‘return’ button to submit.

  

        (8)-->

  

  

  

  

  

  

catalog

  

  

  

    <--(9)

  

  The second page is the catalog page.

  

  

  

  

  

  The‘tutorial’ button is located at the top right corner. Click the ‘Okey’ button to exit.

  

        (10)-->

  

  

  

  

  

  

  

  

  

  

    <--(11)

  

  Click the option name, you can get the submenu.

  

  

  

  

  

  Click the ‘list’ button, you can browse all the biobricks in this catagery.

  

        (12)-->

  

  

  

  

  

  

  

  

  

  

    <--(13)

  

  In the favorites page, you can see all the biobricks you have added.

  

  

  

  

  

  Click the ‘edit’ button to enter the edit mode. Click the ‘done’ button to exit.

  

        (14)-->

  

  

  

  

  

  

  

  

  

  

    <--(15)

  

  Click the ‘browse’ button, you can choose the way to browse your bookmarks.

  

  

  

  

  

  

  

  

  

  

  

  

  

  

Footbar.jpg