Team:SJTU-Software/Overview
From 2014.igem.org
Caoweijian (Talk | contribs) |
|||
(22 intermediate revisions not shown) | |||
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">Assessment Model</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="https://2014.igem.org/Team:SJTU-Software/Database/Conponent">Conponents</a></li> | + | <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/Conponent"><font face="Jokerman">Conponents</font></a></li> |
- | <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/FutureDevelopment">For Future</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="https://2014.igem.org/Team:SJTU-Software/Database/Event">Events</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/Acknowledgement">Acknowledgement</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/HumanPractice">Human Practice</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> |
</ul> | </ul> | ||
</li> | </li> | ||
+ | |||
<div id="lavalamp"></div> | <div id="lavalamp"></div> | ||
</ul> | </ul> | ||
Line 440: | 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 447: | 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 454: | 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 461: | 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 485: | Line 485: | ||
<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: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:250px;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 | + | <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 555: | 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 579: | 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 611: | 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.