"
Team:SJTU-Software/Overview
From 2014.igem.org
(Difference between revisions)
Caoweijian (Talk | contribs) |
|||
| (44 intermediate revisions not shown) | |||
| Line 7: | Line 7: | ||
<p> | <p> | ||
| - | <style type="text/css"> body {background-color:# | + | <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"> | |
| - | + | <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"> | + | <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/AssessmentModel"><font face="Jokerman">Assessment Model</font></a></li> |
| - | <li><a href=" | + | <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/Conponent"><font face="Jokerman">Conponents</font></a></li> |
| - | <li><a href=" | + | <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/FutureDevelopment"><font face="Jokerman">For Future</font></a></li> |
| - | <li><a href=" | + | <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/ | + | <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/ | + | |
| + | <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"> | + | <li><a href="https://2014.igem.org/Team:SJTU-Software/Team"><font face="Jokerman">Member</font></a></li> |
| - | + | ||
| - | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
| Line 431: | Line 430: | ||
<div align="center"> | <div align="center"> | ||
| - | <div class="container2" style="height: | + | <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: | + | <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:# | + | <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: | + | <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: | + | <div class="container2" style="margin:-4% 0 0 0;height:250px;width:25%;float:left; display:inline;" > |
| - | <img style="margin: | + | <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: | + | <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 | + | <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: | + | <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: | + | <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: | + | <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: | + | <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: | + | <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: | + | <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: | + | <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: | + | <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: | + | <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 | + | <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=" | + | <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=" | + | <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.
back to top
