Team:SJTU-Software/Project/Demo
From 2014.igem.org
(Difference between revisions)
Caoweijian (Talk | contribs) |
|||
(70 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 386: | Line 386: | ||
</head> | </head> | ||
<body class="background" bgcolor="yellow"> | <body class="background" bgcolor="yellow"> | ||
- | + | <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 428: | Line 427: | ||
</div> | </div> | ||
- | |||
<div align="center"> | <div align="center"> | ||
- | <div class="container2" style="height: | + | <div class="container2" style="height:1150px;width:71%;margin:4.3% 0 0 0"> |
<div align=left> | <div align=left> | ||
- | <div class="container2" style="height: | + | <div class="container2" style="height:1150px;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 439: | ||
<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 446: | ||
<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 453: | ||
<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 460: | ||
<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 476: | ||
- | <div class="container2" style="height: | + | <div class="container2" style="height:1150px;width:72%;background-color:#E0E0E0; float:left;display:inline" > |
<div align=center > | <div align=center > | ||
- | <div class="container2" style="height: | + | <div class="container2" style="height:1150px;width:100%;background-color: #ECC2FF;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:1020px;width:100%;float:left; display:inline" > |
- | <p class="text" style="margin:5% 60px auto"><font face=" | + | <p class="text" style="margin:5% 60px auto"><font face="Helvetica" size="5px" color="#242424">EASY BBK's Demo:</font></p> |
- | <p class="text" style="margin:3% 60px auto"><font face=" | + | <p class="text" style="margin:3% 60px auto"><font face="Helvetica" size="3px" color="#242424">This demo guides you to the function "search" and "compare":<br><br> |
+ | |||
+ | </font></p> | ||
+ | <iframe width="480" height="380" style="padding:2% 0 0 10%;" src="//www.youtube.com/embed/YILWQxhKEMQ" frameborder="0" allowfullscreen></iframe> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <p class="text" style="margin:3% 60px auto"><font face="Helvetica" size="3px" color="#242424">This demo guides you to the function "present" and "upload":<br><br> | ||
</font></p> | </font></p> | ||
- | + | <iframe width="480px" height="380px" src="//www.youtube.com/embed/5ashyg6DfBw" style="padding:2% 0 0 10%;" frameborder="0" allowfullscreen></iframe> | |
- | + | ||
- | + | <p class="text" style="margin:3% 60px auto"><font face="Helvetica" size="3px" color="#242424">If you want more detailed information, please click this link for user tutorial: <a href="https://2014.igem.org/Team:SJTU-Software/Project/Tutorial" target=blank>https://2014.igem.org/Team:SJTU-Software/Project/Tutorial</a><br><br> | |
- | + | ||
- | + | ||
+ | </font></p> | ||
+ | </div> | ||
+ | |||
</div> | </div> | ||
- | + | </div> | |
- | + | ||
</div> | </div> | ||
Line 515: | Line 523: | ||
<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: | + | <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%;"> | ||
<a href="http://www.sjtu.edu.cn"target="_blank"> | <a href="http://www.sjtu.edu.cn"target="_blank"> | ||
<img style="height:50px;width:auto;" src="https://static.igem.org/mediawiki/2014/7/77/Sjtu_software_SJTU_Logo.png"></img></a></div> | <img style="height:50px;width:auto;" src="https://static.igem.org/mediawiki/2014/7/77/Sjtu_software_SJTU_Logo.png"></img></a></div> | ||
+ | |||
+ | |||
<div style="float:left;margin:3% auto auto 4%;"> | <div style="float:left;margin:3% auto auto 4%;"> | ||
<a href="http://life.sjtu.edu.cn"target="_blank"> | <a href="http://life.sjtu.edu.cn"target="_blank"> | ||
Line 525: | Line 535: | ||
<div style=" float:left;margin:3% auto auto 4%;"> | <div style=" float:left;margin:3% auto auto 4%;"> | ||
- | <a href="http:// | + | <a href="http://www.seiee.sjtu.edu.cn/"target="_blank"> |
- | <img style="height:50px;width:150px;" src="https://static.igem.org/mediawiki/2014/ | + | <img style="height:50px;width:150px;" src="https://static.igem.org/mediawiki/2014/5/5b/Sjtu_software_seiee.png"></img></a></div> |
+ | |||
+ | |||
<div style="float:left;margin:3% auto auto 4%;"> | <div style="float:left;margin:3% auto auto 4%;"> | ||
- | <a href="http:// | + | <a href="http://bme.sjtu.edu.cn/"target="_blank"> |
- | <img style=height:50px;width:150px;" src="https://static.igem.org/mediawiki/2014/ | + | <img style=height:50px;width:150px;" src="https://static.igem.org/mediawiki/2014/3/31/Sjtu_software_sbe.jpg"></img></a></div> |
<div style=" float:left;margin:3% auto auto 4%;"> | <div style=" float:left;margin:3% auto auto 4%;"> | ||
- | <a href="http:// | + | <a href="http://skmml.sjtu.edu.cn/"target="_blank"> |
- | <img style="height:50px;width:150px;" src="https://static.igem.org/mediawiki/2014/ | + | <img style="height:50px;width:150px;" src="https://static.igem.org/mediawiki/2014/2/28/Sjtu_software_%E5%BE%AE%E7%94%9F%E7%89%A9%E4%BB%A3%E8%B0%A2%E9%87%8D%E7%82%B9%E5%AE%9E%E9%AA%8C%E5%AE%A4logo.png"></img></a></div> |
- | + | ||
- | <div class="container2" style="height: | + | |
- | <div align= | + | |
+ | |||
+ | <div class="container2" style="height:80px;width:100%;background-color: #272727;float:left; display:inline;" > | ||
+ | <div align=center style="margin:-10px "> | ||
<br> | <br> | ||
<br> | <br> | ||
- | <p class="container2" style="margin: | + | <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> |
- | + | ||
- | + | ||
</div> | </div> | ||
Line 549: | Line 563: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
<p id="back-to-top"><a href="#top"><span></span><img style="width:100%;height:100%" src="https://static.igem.org/mediawiki/2014/c/cc/Sjtu_software_teamlogo.png" alt="" />back to top</a></p> | <p id="back-to-top"><a href="#top"><span></span><img style="width:100%;height:100%" src="https://static.igem.org/mediawiki/2014/c/cc/Sjtu_software_teamlogo.png" alt="" />back to top</a></p> | ||
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div> | <div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div> |
Latest revision as of 20:06, 17 October 2014
EASY BBK's Demo:
This demo guides you to the function "search" and "compare":
This demo guides you to the function "present" and "upload":
If you want more detailed information, please click this link for user tutorial: https://2014.igem.org/Team:SJTU-Software/Project/Tutorial