Team:SJTU-Software/Overview

From 2014.igem.org

(Difference between revisions)
 
(46 intermediate revisions not shown)
Line 7: Line 7:
<p>
<p>
-
<style type="text/css"> body {background-color:#E0E0E0; background-attachment:fixed} </style>
+
<style type="text/css"> body {background-color:#BEBEBE; background-attachment:fixed; width:1366px;height:auto;align:center} </style>  
<script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/182min.js%20?action=raw&ctype=text/js"></script>
<script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/182min.js%20?action=raw&ctype=text/js"></script>
<script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/toolsmin.js%20?action=raw&ctype=text/js"></script>
<script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/toolsmin.js%20?action=raw&ctype=text/js"></script>
Line 386: Line 386:
   </head>
   </head>
<body class="background"  >
<body class="background"  >
-
            <img src="https://static.igem.org/mediawiki/2014/6/60/Igemlogo_300px.png" style="width:100px; height:100px; position:fixed; top:10px; right:50px;"></img>
+
            <a href="http://www.igem.org/Main_Page" target=blank><img src="https://static.igem.org/mediawiki/2014/6/60/Igemlogo_300px.png" style="width:100px; height:100px; position:fixed; top:10px; right:50px;"></img></a>
  <div class="container" style="position:relative;z-index:3" >
  <div class="container" style="position:relative;z-index:3" >
-
 
+
            <ul id="nav">
-
            <ul id="nav" >
+
                 <li><a href="https://2014.igem.org/Team:SJTU-Software"><font face="Jokerman">Home</font></a></li>
-
                 <li><a href="https://2014.igem.org/Team:SJTU-Software">Home</a></li>
+
                 <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Overview"><font face="Jokerman">Software</font></a>
-
                 <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Overview">Software</a>
+
                     <ul class="subs">
                     <ul class="subs">
-
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Overview">Overview</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Overview"><font face="Jokerman">Overview</font></a></li>
-
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/Tutorial">Tutorial</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/Tutorial"><font face="Jokerman">Tutorial</font></a></li>
-
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/UserStudy">User Study</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/UserStudy"><font face="Jokerman">User Study</font></a></li>
-
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/Demo">Demo</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/Demo"><font face="Jokerman">Demo</font></a></li>
-
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/Download">Download</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/Download"><font face="Jokerman">Download</font></a></li>
                     </ul>
                     </ul>
                 </li>
                 </li>
-
                 <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Database">Document</a>
+
                 <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Database"><font face="Jokerman">Document</font></a>
                     <ul class="subs">
                     <ul class="subs">
-
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Database">Database</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Database"><font face="Jokerman">Database</font></a></li>
-
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/AssessmentModel">A M</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/AssessmentModel"><font face="Jokerman">Assessment Model</font></a></li>
-
                         <li><a href="#">C D</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/Conponent"><font face="Jokerman">Conponents</font></a></li>
-
                         <li><a href="#">F D</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/FutureDevelopment"><font face="Jokerman">For Future</font></a></li>
-
                         <li><a href="#">E S S</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/Event"><font face="Jokerman">Events</font></a></li>
                     </ul>
                     </ul>
                 </li>
                 </li>
-
                 <li><a class="hsubs" href="">Requirement</a>
+
                 <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Requirement/Medal"><font face="Jokerman">Requirement</font></a>
                     <ul class="subs">
                     <ul class="subs">
-
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Requirement/Medal">Medal</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Requirement/Medal"><font face="Jokerman">Medal</font></a></li>
-
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Requirement/Collaboration">Collaboration</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Requirement/Acknowledgement"><font face="Jokerman">Acknowledgement</font></a></li>
-
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Requirement/Notebook">Notebook</a></li>
+
                       
 +
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Requirement/HumanPractice"><font face="Jokerman">Human Practice</font></a></li>
                     </ul>
                     </ul>
                 </li>
                 </li>
-
                 <li><a href="https://2014.igem.org/Team:SJTU-Software/Team">Team</a>
+
                 <li><a href="https://2014.igem.org/Team:SJTU-Software/Team"><font face="Jokerman">Team</font></a>
                     <ul class="subs">
                     <ul class="subs">
-
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Team">Member</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Team"><font face="Jokerman">Member</font></a></li>
-
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Team">Join Us</a></li>
+
                     
-
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Team">Sponsor</a></li>
+
                     </ul>
                     </ul>
                 </li>
                 </li>
Line 431: Line 430:
<div align="center">
<div align="center">
-
     <div class="container2" style="height:1550px;width:71%;margin:0 0 0 0">
+
     <div class="container2" style="height:1175px;width:71%;margin:4.3% 0 0 0">
           <div align=left>
           <div align=left>
-
           <div  class="container2" style="height:1550px;width:28%;background-color:#636363;float:left; display:inline" >
+
           <div  class="container2" style="height:1175px;width:28%;background-color:#636363;float:left; display:inline" >
           <div id="content" >
           <div id="content" >
<ul id="expmenu-freebie" style="position:fixed;" >
<ul id="expmenu-freebie" style="position:fixed;" >
Line 441: Line 440:
<li>
<li>
<div class="header" >
<div class="header" >
-
<span class="label" ><a href="https://2014.igem.org/Team:SJTU-Software/Overview" ><font color=#ffffff>Overview</font></a></span>
+
<span class="label" ><a href="https://2014.igem.org/Team:SJTU-Software/Overview" ><font face="Jokerman" color=#ffffff>Overview</font></a></span>
<span class="arrow up"></span>
<span class="arrow up"></span>
</div>
</div>
Line 448: Line 447:
<li>
<li>
<div class="header">
<div class="header">
-
<span class="label"><a href="https://2014.igem.org/Team:SJTU-Software/Project/Tutorial"><font color=#ffffff>Tutorial</font></a></span>
+
<span class="label"><a href="https://2014.igem.org/Team:SJTU-Software/Project/Tutorial"><font face="Jokerman" color=#ffffff>Tutorial</font></a></span>
<span class="arrow up"></span>
<span class="arrow up"></span>
</div>
</div>
Line 455: Line 454:
<li>
<li>
<div class="header">
<div class="header">
-
<span class="label"><a href="https://2014.igem.org/Team:SJTU-Software/Project/UserStudy"><font color=#ffffff>User Study</font></a></span>
+
<span class="label"><a href="https://2014.igem.org/Team:SJTU-Software/Project/UserStudy"><font face="Jokerman" color=#ffffff>User Study</font></a></span>
<span class="arrow down"></span>
<span class="arrow down"></span>
</div>
</div>
Line 462: Line 461:
<li>
<li>
<div class="header">
<div class="header">
-
<span class="label"><a href="https://2014.igem.org/Team:SJTU-Software/Project/Demo"><font color=#ffffff>Demo</font></a></span>
+
<span class="label"><a href="https://2014.igem.org/Team:SJTU-Software/Project/Demo"><font face="Jokerman" color=#ffffff>Demo</font></a></span>
</div>
</div>
</li>
</li>
                                         <li>
                                         <li>
<div class="header">
<div class="header">
-
<span class="label" ><a href="https://2014.igem.org/Team:SJTU-Software/Project/Download"><font color=#ffffff>Download</font></a></span>
+
<span class="label" ><a href="https://2014.igem.org/Team:SJTU-Software/Project/Download"><font face="Jokerman" color=#ffffff>Download</font></a></span>
</div>
</div>
</li>
</li>
Line 478: Line 477:
            
            
              
              
-
           <div  class="container2" style="height:850px;width:72%;background-color:#E0E0E0;float:left; display:inline" >
+
           <div  class="container2" style="height:850px;width:72%;background-color:#BEBEBE;float:left; display:inline" >
           <div align=center >
           <div align=center >
 
 
-
     <div  class="container2" style="height:425px;width:100%;background-color: #C2DEFF;margin:0 0 0 0 ">
+
     <div  class="container2" style="height:250px;width:100%;background-color: #C2DEFF;margin:0 0 0 0 ">
<div align=left  >
<div align=left  >
                           <br>
                           <br>
                           <br>
                           <br>
-
  <div  class="container2" style="margin:-4% 0 0 0;height:425px;width:25%;float:left; display:inline;" >
+
  <div  class="container2" style="margin:-4% 0 0 0;height:250px;width:25%;float:left; display:inline;" >
-
                             <img  style="margin:1% auto auto 10%;height:200px;width:auto;" src="https://static.igem.org/mediawiki/2014/c/cc/Sjtu_software_top2.jpg"></img>
+
                             <img  style="margin:10% auto auto 20%;height:150px;width:auto ;" src="https://static.igem.org/mediawiki/2014/c/cc/Sjtu_software_top2.jpg"></img>
                           </div>
                           </div>
-
                           <div  class="container2" style="margin:-4% 0 0 0;height:425px;width:75%;float:left; display:inline" >
+
                           <div  class="container2" style="margin:-4% 0 0 0;height:250px;width:75%;float:left; display:inline" >
                           <p class="text"  style="margin:5% 60px auto"><font face="Helvetica" size="5px"  color="#242424">EASY BBK:</font></p>
                           <p class="text"  style="margin:5% 60px auto"><font face="Helvetica" size="5px"  color="#242424">EASY BBK:</font></p>
-
<p class="text"  style="margin:5% 60px auto"><font face="Microsoft YaHei" size="4px"  color="#242424">An EASY Biobrick Blueprint’s <br>pacKage
+
<p class="text"  style="margin:5% 60px auto"><font face="Microsoft YaHei" size="4px"  color="#242424">An EASY Biobrick Blueprint's pacKage
</font></p>
</font></p>
-
                             <p class="text"  style="margin:3% 60px auto"><font face="Helvetica" size="3px"  color="#242424">Digging into the current biobrick database maintained by the iGEM foundation, we have found the current biobrick database is difficult for users to interpret and find biobricks of good quality. In addition, different types of biobricks which were presented in the previous biosystems varied from each other so greatly that even the most experienced synthetic biologists might find it difficult to interpret the biosystem the teams had created.<br>
+
                             <p class="text"  style="margin:3% 60px auto"><font face="Helvetica" size="3px"  color="#242424">We have constructed an Easy Biobrick Blueprint’s pacKage (EASY BBK) to assist users to search biobricks of good quality, compare the quality of biobricks, present bio-systems with standardized icons and upload biobricks to Registry or Easy BBK database.
-
 
+
-
Given the above reasons, we have constructed an Easy Biobrick Blueprint’s pacKage (EASY BBK) to solve the problems. Its functions are listed as follows.  
+
</font></p>
</font></p>
                           </div>
                           </div>
Line 505: Line 502:
<div align=center >
<div align=center >
 
 
-
     <div  class="container2" style="height:450px;width:100%;background-color:#ECC2FF;margin:1% 0 0 0 ">
+
     <div  class="container2" style="height:275px;width:100%;background-color:#ECC2FF;margin:1% 0 0 0 ">
<div align=left  >
<div align=left  >
                           <br>
                           <br>
                           <br>
                           <br>
-
  <div  class="container2" style="margin:-4% 0 0 0;height:450px;width:25%;float:left; display:inline;" >
+
  <div  class="container2" style="margin:-4% 0 0 0;height:275px;width:25%;float:left; display:inline;" >
                             <img  style="margin:10% auto auto 20%;height:150px;width:auto;" src="https://static.igem.org/mediawiki/2014/5/5f/Sjtu_software_searching.png"></img>
                             <img  style="margin:10% auto auto 20%;height:150px;width:auto;" src="https://static.igem.org/mediawiki/2014/5/5f/Sjtu_software_searching.png"></img>
                           </div>
                           </div>
-
                           <div  class="container2" style="margin:-4% 0 0 0;height:450px;width:75%;float:left; display:inline" >
+
                           <div  class="container2" style="margin:-4% 0 0 0;height:275px;width:75%;float:left; display:inline" >
                           <p class="text"  style="margin:5% 60px auto"><font face="Helvetica" size="5px"  color="#242424">Search</font></p>
                           <p class="text"  style="margin:5% 60px auto"><font face="Helvetica" size="5px"  color="#242424">Search</font></p>
-
                             <p class="text"  style="margin:3% 60px auto"><font face="Helvetica" size="3px"  color="#242424">This function is provide to users to search and evaluate the candidate biobricks based on keywords or part names. It can help users to decide if an existing biobrick meets their requirements before they start their experiments.<br>
+
                             <p class="text"  style="margin:3% 60px auto"><font face="Helvetica" size="3px"  color="#242424">This function enables users to search by keywords or by sequence against our database. Advanced search mode is also provided to refine or sort the search results. In default mode, search results are sorted by a score given by our assessment model.
 +
<br>
 +
The searching engine is based on a database converted from the iGEM Registry (Up to 2014 August). More details on database: <a  href="https://2014.igem.org/Team:SJTU-Software/Database" target="blank">https://2014.igem.org/Team:SJTU-Software/Database</a>.
-
The searching engine is based on a database converted from the iGEM biobrick database (Date, or version number). There are 27,093 biobricks in the database If the input are one or more keywords, the biobricks related to the keywords will be listed, sorted and displayed to the users. Advanced search mode is also provided to refine or sort the search results based.
 
-
Besides, users can search the biobrick database based on sequence similarity. If users input a DNA sequence,  the hit sequences in the database by NCBI Blastn will be returned, sorted by their E-values and displayed.
 
</font></p>
</font></p>
                           </div>
                           </div>
Line 535: Line 532:
                           <div  class="container2" style="margin:-4% 0 0 0;height:200px;width:75%;float:left; display:inline" >
                           <div  class="container2" style="margin:-4% 0 0 0;height:200px;width:75%;float:left; display:inline" >
                           <p class="text"  style="margin:5% 60px auto"><font face="Helvetica" size="5px"  color="#242424">Compare</font></p>
                           <p class="text"  style="margin:5% 60px auto"><font face="Helvetica" size="5px"  color="#242424">Compare</font></p>
-
                             <p class="text"  style="margin:3% 60px auto"><font face="Helvetica" size="3px"  color="#242424">Multiple biobricks can be selected and compared. You can search and get multiple (up to three) biobricks, and compare them side by side. </font></p>
+
                             <p class="text"  style="margin:3% 60px auto"><font face="Helvetica" size="3px"  color="#242424">Multiple biobricks can be added from search engine and then compared. You can search and get multiple (up to three) biobricks, and compare them side by side. </font></p>
                           </div>
                           </div>
                         </div>
                         </div>
Line 542: Line 539:
   
   
  <div align=center>
  <div align=center>
-
     <div  class="container2" style="height:250px;width:100%;background-color:#C2FFC5;" >
+
     <div  class="container2" style="height:225px;width:100%;background-color:#C2FFC5;" >
<div align=left style="margin:1% 0 0 0 ">
<div align=left style="margin:1% 0 0 0 ">
                           <br>
                           <br>
                           <br>
                           <br>
-
  <div  class="container2" style="margin:-4% 0 0 0;height:250px;width:25%;float:left; display:inline;" >
+
  <div  class="container2" style="margin:-4% 0 0 0;height:225px;width:25%;float:left; display:inline;" >
                             <img  style="margin:10% auto auto 20%;height:150px;width:auto" src="https://static.igem.org/mediawiki/2014/8/85/Sjtu_software_painting.png"></img>
                             <img  style="margin:10% auto auto 20%;height:150px;width:auto" src="https://static.igem.org/mediawiki/2014/8/85/Sjtu_software_painting.png"></img>
                           </div>
                           </div>
-
                           <div  class="container2" style="margin:-4% 0 0 0;height:250px;width:75%;float:left; display:inline" >
+
                           <div  class="container2" style="margin:-4% 0 0 0;height:225px;width:75%;float:left; display:inline" >
                           <p class="text"  style="margin:5% 60px auto"><font face="Helvetica" size="5px"  color="#242424">Present</font></p>
                           <p class="text"  style="margin:5% 60px auto"><font face="Helvetica" size="5px"  color="#242424">Present</font></p>
-
                             <p class="text"  style="margin:3% 60px auto"><font face="Helvetica" size="3px"  color="#242424">Users could draw their biobrick system diagram using EASY BBK. With standardized biobrick icons according to the iGEM Registry, a standardized picture of a biosystem could be plotted using our tool. The result can be exported to a picture file in jpeg, bmp and png format, which could be used for the presentation in the publication, presentation or later design.</font></p>
+
                             <p class="text"  style="margin:3% 60px auto"><font face="Helvetica" size="3px"  color="#242424">In this function, a standardized picture of a biosystem could be plotted with standardized biobrick icons according to the iGEM Registry. The result can be exported, which could be used for the presentation in the publication, presentation or later design. Additionally, with presented biobricks connected with database, the upload form could be directly filled out in "upload".</font></p>
                           </div>
                           </div>
                            
                            
Line 558: Line 555:
</div>
</div>
  <div align=center>
  <div align=center>
-
     <div  class="container2" style="height:200px;width:100%;background-color:#F6FFC2;" >
+
     <div  class="container2" style="height:197px;width:100%;background-color:#F6FFC2;" >
<div align=left style="margin:1% 0 0 0 ">
<div align=left style="margin:1% 0 0 0 ">
                           <br>
                           <br>
                           <br>
                           <br>
-
  <div  class="container2" style="margin:-4% 0 0 0;height:200px;width:25%;float:left; display:inline;" >
+
  <div  class="container2" style="margin:-4% 0 0 0;height:197px;width:25%;float:left; display:inline;" >
                             <img  style="margin:10% auto auto 20%;height:150px;width:auto" src="https://static.igem.org/mediawiki/2014/7/79/Sjtu_software_upload.png"></img>
                             <img  style="margin:10% auto auto 20%;height:150px;width:auto" src="https://static.igem.org/mediawiki/2014/7/79/Sjtu_software_upload.png"></img>
                           </div>
                           </div>
-
                           <div  class="container2" style="margin:-4% 0 0 0;height:200px;width:75%;float:left; display:inline" >
+
                           <div  class="container2" style="margin:-4% 0 0 0;height:197px;width:75%;float:left; display:inline" >
                           <p class="text"  style="margin:5% 60px auto"><font face="Helvetica" size="5px"  color="#242424">Upload</font></p>
                           <p class="text"  style="margin:5% 60px auto"><font face="Helvetica" size="5px"  color="#242424">Upload</font></p>
-
                             <p class="text"  style="margin:3% 60px auto"><font face="Helvetica" size="3px"  color="#242424">Here, users could not only upload their self-created biobricks to our database, but also submit their form filled out in our software to the Registry to upload their self-created biobricks.</font></p>
+
                             <p class="text"  style="margin:3% 60px auto"><font face="Helvetica" size="3px"  color="#242424">Here, users could not only upload their biobricks to our database, but also submit their form filled out in our software to the Registry to upload their self-created biobricks.</font></p>
                           </div>
                           </div>
                            
                            
Line 582: Line 579:
<div align=center>
<div align=center>
-
     <div  class="container2" style="height:150px;width:71%;background-color: #272727;" >
+
     <div  class="container2" style="height:150px;width:71%;background-color: #272727;margin:0.5%" >
           <div  class="container2" style="height:80px;width:100%;background-color: #272727;float:left; display:inline;" >
           <div  class="container2" style="height:80px;width:100%;background-color: #272727;float:left; display:inline;" >
  <div  style=" float:left;margin:3% auto auto 4%;">       
  <div  style=" float:left;margin:3% auto auto 4%;">       
Line 614: Line 611:
                           <br>
                           <br>
                           <br>
                           <br>
-
  <p class="container2"  style="margin:0% 5% auto"><font face="SimSun" size="4px"  color="#FFFFFF">iGemdry2014@163.com</font></p>
+
  <p class="container2"  style="margin:0% 5% auto"><font face="MoolBoran" size="5px"  color="#FFFFFF">iGemdry2014@163.com</font></p>
-
                           <p class="container2" style="margin:0 5% auto"><font face="SimSun" size="4px"  color="#FFFFFF">SJTU-Software,Shanghai,China</font></p>
+
                           <p class="container2" style="margin:0 5% auto"><font face="MoolBoran" size="5px"  color="#FFFFFF">SJTU-Software,Shanghai,China</font></p>
                            
                            
                            
                            

Latest revision as of 19:57, 17 October 2014




EASY BBK:

An EASY Biobrick Blueprint's pacKage

We have constructed an Easy Biobrick Blueprint’s pacKage (EASY BBK) to assist users to search biobricks of good quality, compare the quality of biobricks, present bio-systems with standardized icons and upload biobricks to Registry or Easy BBK database.



Search

This function enables users to search by keywords or by sequence against our database. Advanced search mode is also provided to refine or sort the search results. In default mode, search results are sorted by a score given by our assessment model.
The searching engine is based on a database converted from the iGEM Registry (Up to 2014 August). More details on database: https://2014.igem.org/Team:SJTU-Software/Database.



Compare

Multiple biobricks can be added from search engine and then compared. You can search and get multiple (up to three) biobricks, and compare them side by side.



Present

In this function, a standardized picture of a biosystem could be plotted with standardized biobrick icons according to the iGEM Registry. The result can be exported, which could be used for the presentation in the publication, presentation or later design. Additionally, with presented biobricks connected with database, the upload form could be directly filled out in "upload".



Upload

Here, users could not only upload their biobricks to our database, but also submit their form filled out in our software to the Registry to upload their self-created biobricks.



iGemdry2014@163.com

SJTU-Software,Shanghai,China

back to top