Team:SUSTC-Shenzhen-A/Biosearch Tutorial

From 2012.igem.org

(Difference between revisions)
m
 
(44 intermediate revisions not shown)
Line 1: Line 1:
-
{{Template:SUSTC_A}}
+
{{Template:SUSTC_A2}}
<html>
<html>
Line 102: Line 102:
#talkbubble_c2 {
#talkbubble_c2 {
   width: 862px;  
   width: 862px;  
-
   height:2500px;  
+
   height:6000px;  
//  background:#EFEFEF;
//  background:#EFEFEF;
   background:#ffffff;
   background:#ffffff;
Line 150: Line 150:
}
}
</style>
</style>
 +
</head>
</head>
<body >
<body >
-
<table width="899" border="0" cellspacing="10px" cellpadding="10px" align="center">
+
<table width="899" border="0" cellspacing="0px" cellpadding="0px" align="center">
<div>  <tr>
<div>  <tr>
-
    <td><div id="talkbubble_c2">
+
    <td><div>
-
<a name="Student_Members" ></a>  
+
<h1 class="title">&nbsp;BioSearch Tutorial</h1>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<ul>
-
  <p class="title">Student Members</p>
+
        <a href="#Search">Search page 
-
<p>
+
              </a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 +
 
 +
        <a href="#Catalog">Catalog page
 +
              </a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 +
 
 +
        <a href="#Favourite">Favourite page
 +
              </a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 +
 
 +
        <a href="#More">More  
 +
              </a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 +
        <a href="#Video">Video tutorial
 +
              </a>  
 +
            </ul>
<table border="0" cellspacing="0" cellpadding="0">
<table border="0" cellspacing="0" cellpadding="0">
   <tr>
   <tr>
-
    <td><p><strong>Team leader: Xiao Tong</strong></p></td>
 
     <td>&nbsp;</td>
     <td>&nbsp;</td>
   </tr>
   </tr>
-
  <tr>
+
 
-
    <td><p><img src="http://2012.igem.org/wiki/images/f/f8/0_%28113%29.jpg"  align="right" height="204" style="BORDER: #ffffff 10px solid;" ></p>
+
 
 +
<tr><td><a name="Search" ></a>
 +
<p class="title1">&nbsp;&nbsp;Search page</p>
 +
<img src="http://2012.igem.org/wiki/images/0/0b/Devidingline_whole.jpg">
 +
 
 +
<p><img src="http://2012.igem.org/wiki/images/e/e4/BiosearchPage1.pngvalign="top" align="left" width="300" style="BORDER:#CCFFCC 5px dashed;margin:10px;" ><img src="http://2012.igem.org/wiki/images/0/0d/BiosearchPage2.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;<--(1)</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;After loading, it’s the search 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;</p>
 +
      <p>&nbsp;&nbsp;Click the ‘Tutorial’ button, you can learn how to  use the functions of this page. Click ‘Okey’ button to exit.</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p class="title">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(2)--></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 class="title2">Mubing Zhou</p>
 
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
-
      <p>&nbsp;&nbsp;My name is Mubing Zhou who is a 19-year-old boy and studying in SUSTC. I'm interested in maths and computer science and, of course, synthetic biology.</p>
 
-
      <p>&nbsp;&nbsp;I clearly know that today's biology is quite different from the old day's. And computers are contributing more and more to the biological researches. Though I am a amateur programmer, I love writing codes. Besides, I hope our software can surprise everyone.</p>
 
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
Line 177: Line 209:
   </tr>
   </tr>
   <tr>
   <tr>
-
     <td><p><img src="http://2012.igem.org/wiki/images/f/f8/0_%28113%29.jpg"  align="right" height="204" style="BORDER: #ffffff 10px solid;" ></p>
+
     <td>
 +
    <p><img src="http://2012.igem.org/wiki/images/3/34/BiosearchPage3.pngvalign="top" align="left" width="300" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ><img src="http://2012.igem.org/wiki/images/4/4e/BiosearchPage4.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;<--(3)</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;Click the button in the top right corner, you can choose to add a search keyword. </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;After entering, click ‘return’ button to hide the keyboard.</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p class="title">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(4)--></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 class="title2">Chenchen Lv</p>
 
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
-
      <p>&nbsp;&nbsp;I'm Levia! A girl with great eagerness in biology research. Also I have intense interest in Computer Science. And this is why I come to the iGEM competition. Despite i'am a little lazy,I will try my best to do the work which I promised to finish. </p>
 
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
</td>
</td>
   </tr>
   </tr>
 +
   <tr>
   <tr>
-
     <td><p><img src="http://2012.igem.org/wiki/images/f/f8/0_%28113%29.jpg"  align="right" height="204" style="BORDER: #ffffff 10px solid;" ></p>
+
     <td>
 +
    <p><img src="http://2012.igem.org/wiki/images/c/c3/BiosearchPage5.pngvalign="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 class="title">&nbsp;&nbsp;&nbsp;&nbsp;<--(5)</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;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;You can get the result. Each record shows whether the biobrick is available or not and the short description of this biobrick. <strong>You can also click the right corner button to do a second level search.</strong></p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p class="title">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(6)--></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 class="title2">DengPan</p>
 
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
-
      <p>&nbsp;&nbsp;I am Pan Deng, member of SUSTC-ShenZhen-A iGEM team , friends aways call me Panda. You may have noticed that there are two pandas in this team . Never mind, you are really not browsing the zoo’s webpage.</p>
 
-
      <p>&nbsp;&nbsp;Actually at very first, I was working on the iPad version of BioSearch App, but for some reason(maybe I was too lazy.), I have not finished the user interface design. But the database works well, our team drop the Mysql database which we set up before and substitute by Sqlite.</p>
 
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
</td>
</td>
   </tr>
   </tr>
 +
   <tr>
   <tr>
-
     <td><p><strong>Jingyao Guo</strong></p></td>
+
     <td>
-
    <td>&nbsp;</td>
+
    <p><img src="http://2012.igem.org/wiki/images/0/0e/BiosearchPage7.png"  valign="top" align="left" width="300" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ><img src="http://2012.igem.org/wiki/images/4/43/BiosearchPage8.pngvalign="top" align="right" width="300" style="BORDER:#CCFFCC 5px dashed;margin:10px;" ></p>
-
  </tr>
+
-
  <tr>
+
-
    <td><p><img src="http://2012.igem.org/wiki/images/7/74/Pagejunqiu.jpg"  align="right" style="BORDER: #ffffff 10px solid;"></p>
+
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
-
       <p class="title2">Junqiu Zhang</p>
+
       <p class="title">&nbsp;&nbsp;&nbsp;&nbsp;<--(7)</p>
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
-
       <p>&nbsp;&nbsp; Love life, love all the wonderful things in the world</p>
+
       <p>&nbsp;&nbsp;Click the biobrick name, you can browse the detail information of this BioBrick. </p>
-
       <p>&nbsp;&nbsp; Love art, but love physics more.</p>
+
       <p>&nbsp;&nbsp;</p>
-
       <p>&nbsp;&nbsp; Love bowknot, always love bowknot.</p>
+
       <p>&nbsp;&nbsp;</p>
-
       <p>&nbsp;&nbsp; Detective story is my favorite.</p>
+
       <p>&nbsp;&nbsp;</p>
-
       <p>&nbsp;&nbsp; I am not gluttonous, I just pretend to be gluttonous.</p>
+
       <p>&nbsp;&nbsp;</p>
-
       <p>&nbsp;&nbsp; I am not lolita, I am Zhang Junqiu.</p>
+
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;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. <strong>You need to click the ‘return’ button to submit.</strong></p>
 +
       <p>&nbsp;&nbsp;</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>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
</td>
</td>
 +
  </tr>
 +
   <tr>
   <tr>
-
     <td><p><img src="http://2012.igem.org/wiki/images/e/eb/Pagejiajia.jpg"  align="right" height="204" style="BORDER: #ffffff 10px solid;" ></p>
+
     <td><a name="Catalog" ></a>
 +
<p class="title1">&nbsp;&nbsp;Catalog page</p>
 +
<img src="http://2012.igem.org/wiki/images/0/0b/Devidingline_whole.jpg">
 +
    <p><img src="http://2012.igem.org/wiki/images/2/26/BiosearchPage9.pngvalign="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>
 +
      <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
-
      <p class="title2">Qijia Cheng</p>
 
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
-
      <p>&nbsp;&nbsp;Apple developer,perfectionist.</p>
 
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
</td>
</td>
   </tr>
   </tr>
 +
   <tr>
   <tr>
-
     <td><p><img src="http://2012.igem.org/wiki/images/5/5f/Pagedashen.jpg"  align="right" height="204" style="BORDER: #ffffff 10px solid;" ></p>
+
     <td>
 +
    <p><img src="http://2012.igem.org/wiki/images/1/10/BiosearchPage11.pngvalign="top" align="left" width="300" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ><img src="http://2012.igem.org/wiki/images/0/0d/BiosearchPage12.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="title2">Xin Yang</p>
+
       <p class="title">&nbsp;&nbsp;&nbsp;&nbsp;<--(11)</p>
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
-
       <p>&nbsp;&nbsp;I’m a 2nd year undergraduate aiming to major in chemistry at SUSTC. I Have been interested in Synthetic Biology since I joined SUSTC’s iGEM journal club in March. I’m responsible for the database of our iPhone Application together with Zhao Yujun, and write the framework of the most rudimentary interface of our software. Later, I’m called to assist Pan Yidan with our wiki and master parts of human practice work. When I’m not working, I tend to go swimming under the sunshine or to paint in the lounge.</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>
 +
<br/>
 +
 
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
</td>
</td>
   </tr>
   </tr>
 +
   <tr>
   <tr>
-
     <td><p><img src="http://2012.igem.org/wiki/images/f/f8/0_%28113%29.jpg"  align="right" height="204" style="BORDER: #ffffff 10px solid;" ></p>
+
     <td><a name="Favourite" ></a>
 +
<p class="title1">&nbsp;&nbsp;Favourite page</p>
 +
<img src="http://2012.igem.org/wiki/images/0/0b/Devidingline_whole.jpg">
 +
    <p><img src="http://2012.igem.org/wiki/images/b/bb/BiosearchPage13.pngvalign="top" align="left" width="300" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ><img src="http://2012.igem.org/wiki/images/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>
-
      <p class="title2">Yidan Pan</p>
 
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
-
      <p>&nbsp;&nbsp;I'm Panda, likely to be the mascot of our team (But the only part of bamboo I eat is bamboo shoot). As a "director" of our support services, loving food and managing to supply a good work environment are my duties and responsibilities. Both biology and biont are my favorite, besides, both sleeping and reading are my interests.</p>
 
-
      <p>&nbsp;&nbsp;My main work is editing wiki, and what you see is the fourth edition of our wiki. May you enjoy our work! </p>
 
-
      <p>ps. There is another Panda in our group!</p>
 
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
</td>
</td>
   </tr>
   </tr>
-
  <tr>
+
 
-
     <td><p><img src="http://2012.igem.org/wiki/images/d/d6/Pagexiaojiang.jpg"  align="right" height="204" style="BORDER: #ffffff 10px solid;" ></p>
+
<tr>
 +
     <td>
 +
    <p><img src="http://2012.igem.org/wiki/images/3/34/BiosearchPage15.pngvalign="top" align="left" width="300" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ></p>
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
-
       <p class="title2">Yiqi Jiang</p>
+
       <p class="title">&nbsp;&nbsp;&nbsp;&nbsp;<--(15)</p>
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
-
       <p>&nbsp;&nbsp;My name is Jiang Yiqi. I enjoy all the things related to biology, want to defeat cancer in the future. The igem game is the first time that I can be so close to the advanced biology. I am so lucky to have the chance to attend this game. The process to do our project, buliding app softwares, is interesting. I learned so much and had a wonderful experienemt. Through this competition, I have a better understanding of synthetic biology. I hope in the future that my dreams come true maybe by the methods of synthetic biology.</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>
 +
      <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>
 +
<br/>
 +
 
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
</td>
</td>
-
</tr>
+
  </tr>
 +
 
   <tr>
   <tr>
-
     <td><p><img src="http://2012.igem.org/wiki/images/f/f8/0_%28113%29.jpg"  align="right" height="204" style="BORDER: #ffffff 10px solid;"></p>
+
     <td><a name="More" ></a>
 +
<p class="title1">&nbsp;&nbsp;More</p>
 +
<img src="http://2012.igem.org/wiki/images/0/0b/Devidingline_whole.jpg">
 +
    <p><img src="http://2012.igem.org/wiki/images/d/dc/BiosearchPage16.pngvalign="top" align="left" width="300" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ><img src="http://2012.igem.org/wiki/images/6/64/BiosearchPage17.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;<--(16)</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;In the "more" page, you can get some information about synthetic biology and biobricks.</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p>&nbsp;&nbsp;On the bottom, there is the feedback part.</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p class="title">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(17)--></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 class="title2">Zili Fan</p>
 
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
-
      <p>&nbsp;&nbsp;Love reading, Love traveling</p>
 
-
<p>&nbsp;&nbsp;Love fragrance, Love musicals</p>
 
-
<p>&nbsp;&nbsp;Don’t like sweet things most of the time</p>
 
-
<p>&nbsp;&nbsp;Lolitas are all black inside</p>
 
-
<p>&nbsp;&nbsp;I am not so young so simple</p>
 
-
<p>&nbsp;&nbsp;I am Zili Fan</p>
 
-
</p>
 
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
</td>
</td>
 +
  </tr>
 +
   <tr>
   <tr>
-
     <td><p><img src="http://2012.igem.org/wiki/images/f/f8/0_%28113%29.jpg"  align="right" height="204" style="BORDER: #ffffff 10px solid;" ></p>
+
     <td>
 +
    <p><img src="http://2012.igem.org/wiki/images/e/ef/BiosearchPage19.pngvalign="top" align="left" width="300" style="BORDER:#CCFFCC 5px dashed;margin:5px;" ><img src="http://2012.igem.org/wiki/images/5/5c/BiosearchPage20.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="title2">Yujun Zhao</p>
+
       <p class="title">&nbsp;&nbsp;&nbsp;&nbsp;<--(18)</p>
       <p>&nbsp;&nbsp;</p>
       <p>&nbsp;&nbsp;</p>
-
       <p>&nbsp;&nbsp;I'm Yujun Zhao a member of the team SUSTC-Shenzhen-A and studying in SUSTC. Dealing the problems of database is my main job. Special thanks to Pan Deng for his help in data processing.</p>
+
       <p>&nbsp;&nbsp;The ‘About us’ part  show the information of our team.</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;Click the ‘Compose the mail’ to send your suggestion to us.</p>
 +
      <p>&nbsp;&nbsp;</p>
 +
      <p class="title">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(19)--></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>
 +
</br>
 +
</br>
 +
</br>
 +
</br>
 +
      <a name="Video"></a>
 +
      <p class="title1">&nbsp;&nbsp;Video tutorial</p>
 +
      <img src="http://2012.igem.org/wiki/images/0/0b/Devidingline_whole.jpg">
 +
      <p>&nbsp;&nbsp;</p>
 +
<p align="center"><embed src="http://player.youku.com/player.php/sid/XNDU1MTY3OTQ0/v.swf" play="true"  quality="high" width="540" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed></p><a name="video"></a>
</td>
</td>
-
</tr>
+
  </tr>
 +
 
</table>
</table>
</p>
</p>
-
<img src="http://2012.igem.org/wiki/images/0/0b/Devidingline_whole.jpg">
 
<div></td>
<div></td>
       </tr>
       </tr>
</table>
</table>
</table>
</table>
 +
 +
 +
<!-- end of header -->
<!-- end of header -->

Latest revision as of 10:32, 26 October 2012

 BioSearch Tutorial

      
 

  Search page

  

    <--(1)

  

  After loading, it’s the search page.

  

  

  

  

  

  

  Click the ‘Tutorial’ button, you can learn how to use the functions of 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 to click the ‘return’ button to submit.

  

        (8)-->

  

  

  

  

  

  

  Catalog page

  

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

  

  

  

  

  

  


  

  

  Favourite page

  

    <--(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.

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  


  

  

  More

  

    <--(16)

  

  In the "more" page, you can get some information about synthetic biology and biobricks.

  

  

  

  

  

  On the bottom, there is the feedback part.

  

        (17)-->

  

  

  

  

  

  

  

  

  

  

    <--(18)

  

  The ‘About us’ part show the information of our team.

  

  

  

  

  

  Click the ‘Compose the mail’ to send your suggestion to us.

  

        (19)-->

  

  

  

  

  

  

  





  Video tutorial

  

Footbar.jpg