Team:SJTU-Software/Overview

From 2014.igem.org

(Difference between revisions)
 
(43 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 388: Line 388:
             <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>
             <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:225px;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:225px;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">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.
                             <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.
Line 503: 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 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.
                             <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.
Line 540: 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">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>
                             <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>
Line 556: 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 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 580: 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 612: 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