Team:SJTU-Software/Project/Demo

From 2014.igem.org

(Difference between revisions)
 
(26 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"  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">
-
            <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 428: Line 427:
         </div>
         </div>
-
 
<div align="center">
<div align="center">
-
     <div class="container2" style="height:675px;width:71%;margin:0 0 0 0">
+
     <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:675px;width:28%;background-color:#636363;float:left; display:inline" >
+
           <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:675px;width:72%;background-color:#E0E0E0; float:left;display:inline" >
+
           <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:675px;width:100%;background-color: #ECC2FF;margin:0 0 0 0 ">
+
     <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:225px;width:100%;float:left; display:inline" >
+
                           <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="Helvetica" size="5px"  color="#242424">EASY BBK's Demo:</font></p>
                           <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="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><br>
+
                             <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="400px" src="//www.youtube.com/embed/1VDxFu7wZMs" style="padding:2% 0 0 10%;" frameborder="0" allowfullscreen></iframe>
+
<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>                         
Line 513: 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: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 545: Line 555:
                           <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 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



iGemdry2014@163.com

SJTU-Software,Shanghai,China

back to top

Retrieved from "http://2014.igem.org/Team:SJTU-Software/Project/Demo"