Team:SUSTC-Shenzhen-A/Biosearch Tutorial

From 2012.igem.org

(Difference between revisions)
Line 157: Line 157:
<div>  <tr>
<div>  <tr>
    <td><div id="talkbubble_c2">
    <td><div id="talkbubble_c2">
-
  <p class="title">Toturial</p><ul>
+
  <p class="title"><strong>Search Toturial</strong></p><ul>
         <a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Biosearch_Tutorial">Search page <src="http://2012.igem.org/wiki/images/0/0f/Arrow_down.gif"></img>   
         <a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Biosearch_Tutorial">Search page <src="http://2012.igem.org/wiki/images/0/0f/Arrow_down.gif"></img>   
               </a>  
               </a>  
Line 233: Line 233:
     <td>
     <td>
     <p><img src="http://2012.igem.org/wiki/images/c/c3/BiosearchPage5.png"  valign="top" align="left" width="300" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ><img src="http://2012.igem.org/wiki/images/e/e2/BiosearchPage6.png"  valign="top" align="right" width="300" style="BORDER:#CCFFCC 5px dashed;margin:10px;" ></p>
     <p><img src="http://2012.igem.org/wiki/images/c/c3/BiosearchPage5.png"  valign="top" align="left" width="300" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ><img src="http://2012.igem.org/wiki/images/e/e2/BiosearchPage6.png"  valign="top" align="right" width="300" style="BORDER:#CCFFCC 5px dashed;margin:10px;" ></p>
 +
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
       <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 274: Line 275:
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
       <p class="title">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(8)--></p>
       <p class="title">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(8)--></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 class="title">catalog</p>
 +
<img src="http://2012.igem.org/wiki/images/0/0b/Devidingline_whole.jpg">
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
</td>
 +
  </tr>
 +
 +
  <tr>
 +
    <td>
 +
    <p><img src="http://2012.igem.org/wiki/images/2/26/BiosearchPage9.png"  valign="top" align="left" width="300" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ><img src="http://2012.igem.org/wiki/images/b/bf/BiosearchPage10.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;<--(9)</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;The second page is the catalog page. </p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;The‘tutorial’ button is located at the top right corner. Click the ‘Okey’ button to exit.</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p class="title">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(10)--></p>
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
Line 286: Line 315:
</td>
</td>
   </tr>
   </tr>
 +
</table>
</table>

Revision as of 05:37, 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)

  

  

  

  

  

  

  

  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)-->

  

  

  

  

  

  

  

  

  

Footbar.jpg