Team:SJTU-Software

From 2014.igem.org

(Difference between revisions)
 
(850 intermediate revisions not shown)
Line 7: Line 7:
<p>
<p>
 +
<style type="text/css"> body {background-color:#BEBEBE; background-attachment:fixed; width:1366px;height:auto;align:center} </style>
 +
<style type="text/css">
 +
 +
 +
.container {
 +
    height: 5px;
 +
    margin: 1.6% auto 0 14.5%;
 +
    width: 71%;
 +
    align: center;
 +
}
 +
#nav,#nav ul {
 +
    list-style: none outside none;
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
#nav {
 +
    background: url('https://static.igem.org/mediawiki/2014/c/c7/Sjtu_software_menu_bg2.png')no-repeat scroll 0 0 transparent ;
 +
    clear: both;
 +
    font-size: 16px;
 +
    height: 58px;
 +
    padding: 0 0 0 0px;
 +
    position: relative;
 +
    width: 100%;
 +
}
 +
#nav ul {
 +
    background-color: #222;
 +
    border:1px solid #222;
 +
    border-radius: 0 5px 5px 5px;
 +
    border-width: 0 1px 1px;
 +
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
 +
    left: -9999px;
 +
    overflow: hidden;
 +
    position: absolute;
 +
    top: -9999px;
 +
    z-index: 2;
 +
 +
    -moz-transform: scaleY(0);
 +
    -ms-transform: scaleY(0);
 +
    -o-transform: scaleY(0);
 +
    -webkit-transform: scaleY(0);
 +
    transform: scaleY(0);
 +
 +
    /*-moz-transform-origin: 0 0;
 +
    -ms-transform-origin: 0 0;
 +
    -o-transform-origin: 0 0;
 +
    -webkit-transform-origin: 0 0;
 +
    transform-origin: 0 0;
 +
 +
    -moz-transition: -moz-transform 0.1s linear;
 +
    -ms-transition: -ms-transform 0.1s linear;
 +
    -o-transition: -o-transform 0.1s linear;
 +
    -webkit-transition: -webkit-transform 0.1s linear;
 +
    transition: transform 0.1s linear;*/
 +
}
 +
#nav li {
 +
    background: url('https://static.igem.org/mediawiki/2014/9/9d/Sjtu_software_menu_line.png') no-repeat scroll right 5px transparent;
 +
    float: left;
 +
    position: relative;
 +
}
 +
#nav li a {
 +
    color: #FFFFFF;
 +
    display: block;
 +
    float: left;
 +
    font-weight: normal;
 +
    height: 30px;
 +
    padding: 18px 20px 0;
 +
    position: relative;
 +
    text-decoration: none;
 +
    text-shadow: 1px 1px 1px #000000;
 +
}
 +
#nav li:hover > a {
 +
    color: #00B4FF;
 +
}
 +
#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {
 +
    background: none repeat scroll 0 0 #121212;
 +
    outline: 0 none;
 +
}
 +
#nav li:hover ul.subs {
 +
    left: 0;
 +
    top: 48px;
 +
    width: 180px;
 +
    -moz-transform: scaleY(1);
 +
    -ms-transform: scaleY(1);
 +
    -o-transform: scaleY(1);
 +
    -webkit-transform: scaleY(1);
 +
    transform: scaleY(1);
 +
}
 +
#nav ul li {
 +
    background: none;
 +
    width: 100%;
 +
    padding: 0px 100px 10px 0px;
 +
   
 +
}
 +
#nav ul li a {
 +
    float: none;
 +
    height: 30px;
 +
}
 +
#nav ul li:hover > a {
 +
    background-color: #121212;
 +
    color: #00B4FF;
 +
}
 +
#lavalamp {
 +
    background: url('https://static.igem.org/mediawiki/2014/d/d5/Sjtu_software_lavalamp.png') no-repeat scroll 0 0 transparent;
 +
    height: 16px;
 +
    left: 6px;
 +
    position: absolute;
 +
    top: 0px;
 +
    width: 64px;
 +
 +
    -moz-transition: all 300ms ease;
 +
    -ms-transition: all 300ms ease;
 +
    -o-transition: all 300ms ease;
 +
    -webkit-transition: all 300ms ease;
 +
    transition: all 300ms ease;
 +
}
 +
#lavalamp:hover {
 +
    -moz-transition-duration: 3000s;
 +
    -ms-transition-duration: 3000s;
 +
    -o-transition-duration: 3000s;
 +
    -webkit-transition-duration: 3000s;
 +
    transition-duration: 3000s;
 +
}
 +
 +
#nav li:nth-of-type(1):hover ~ #lavalamp {
 +
    left: 6px;
 +
}
 +
#nav li:nth-of-type(2):hover ~ #lavalamp {
 +
    left: 93px;
 +
}
 +
#nav li:nth-of-type(3):hover ~ #lavalamp {
 +
    left: 195px;
 +
}
 +
#nav li:nth-of-type(4):hover ~ #lavalamp {
 +
    left: 310px;
 +
}
 +
#nav li:nth-of-type(5):hover ~ #lavalamp {
 +
    left: 415px;
 +
}
 +
#nav li:nth-of-type(6):hover ~ #lavalamp {
 +
    left: 467px;
 +
}
 +
#nav li:nth-of-type(7):hover ~ #lavalamp {
 +
    left: 557px;
 +
}
 +
#nav li:nth-of-type(8):hover ~ #lavalamp {
 +
    left: 647px;
 +
}
 +
</style>
 +
<style type="text/css">
<style type="text/css">
.firstHeading {
.firstHeading {
Line 17: Line 166:
}
}
-
 
+
/*returnTop*/
 +
p#back-to-top{
 +
    position:fixed;
 +
    display:none;
 +
    bottom:50px;
 +
    right:30px;
 +
}
 +
p#back-to-top a{
 +
    text-align:center;
 +
    text-decoration:none;
 +
    color:#d1d1d1;
 +
    display:block;
 +
    width:112px;
 +
    /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
 +
    -moz-transition:color 1s;
 +
    -webkit-transition:color 1s;
 +
    -o-transition:color 1s;
 +
}
 +
p#back-to-top a:hover{
 +
    color:#979797;
 +
}
 +
p#back-to-top a span{
 +
    background:transparent url(https://static.igem.org/mediawiki/2014/3/3c/Sjtu_software_img100.png) no-repeat -25px -290px;
 +
    border-radius:6px;
 +
    display:block;
 +
    height:40px;
 +
    width:112px;
 +
    margin-bottom:5px;
 +
    /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/
 +
    -moz-transition:background 1s;
 +
    -webkit-transition:background 1s;
 +
    -o-transition:background 1s;
 +
}
 +
#back-to-top a:hover span{
 +
    background:transparent url(https://static.igem.org/mediawiki/2014/3/3c/Sjtu_software_img100.png) no-repeat -25px -290px;
 +
}
</style>
</style>
</p>
</p>
-
<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
+
 
-
<script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.2/js/bootstrap.min.js"></script>
+
-
<link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.2/css/bootstrap.min.css"> 
+
      
      
-
<body style="background-image:url(https://static.igem.org/mediawiki/2014/6/67/Background2.jpg);background-position:center; background-repeat:repeat-y repeat-x">
+
<!--<body style="background-image:url(https://static.igem.org/mediawiki/2014/3/3c/Sjtu_software_img100.png);background-position:center; background-repeat:repeat-y repeat-x">-->
-
<table width="70%" align="center">
 
-
<div class="container">
 
-
<div class="row clearfix">
 
-
<div class="col-md-12 column">
 
-
<nav class="navbar navbar-default" role="navigation">
 
-
<div class="navbar-header">
 
-
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> <a class="navbar-brand" href="https://2014.igem.org/Team:SJTU-Software">Home</a>
 
-
</div>
 
-
 
-
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 
-
<ul class="nav navbar-nav">
 
-
<li >
 
-
<a href="https://2014.igem.org/Team:SJTU-Software/Team">Team</a>
 
-
</li>
 
-
<li>
 
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=SJTU-Software">Official Team Profile</a>
 
-
</li>
 
-
<li>
 
-
<a href="https://2014.igem.org/Team:SJTU-Software/Project">Project</a>
 
-
</li>
 
-
<li>
 
-
<a href="https://2014.igem.org/Team:SJTU-Software/Parts">Parts</a>
 
-
</li>
 
-
<li>
 
-
<a href="https://2014.igem.org/Team:SJTU-Software/Modeling">Modeling</a>
 
-
</li>
 
-
<li>
 
-
<a href="https://2014.igem.org/Team:SJTU-Software/Notebook">Notebook</a>
 
-
</li>
 
-
</li>
 
-
<li>
 
-
<a href="https://2014.igem.org/Team:SJTU-Software/Safety">Safety</a>
 
-
</li>
 
-
</li>
 
-
<li>
 
-
<a href="https://2014.igem.org/Team:SJTU-Software/Attributions">Attributions</a>
 
-
</li>
 
-
<li>
 
-
<a href="https://2014.igem.org/wiki/index.php?title=Team:SJTU-Software&action=edit">edit</a>
 
-
</li>
 
-
<li class="dropdown">
 
-
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<strong class="caret"></strong></a>
 
-
<ul class="dropdown-menu">
 
-
<li>
 
-
<a href="#">Action</a>
 
-
</li>
 
-
<li>
 
-
<a href="#">Another action</a>
 
-
</li>
 
-
<li>
 
-
<a href="#">Something else here</a>
 
-
</li>
 
-
<li class="divider">
 
-
</li>
 
-
<li>
 
-
<a href="#">Separated link</a>
 
-
</li>
 
-
<li class="divider">
 
-
</li>
 
-
<li>
 
-
<a href="#">One more separated link</a>
 
-
</li>
 
-
</ul>
 
-
</li>
 
-
</ul>
 
-
 
-
 
-
</div>
 
-
 
-
</nav>
 
-
</div>
 
-
</div>
 
-
</div>
 
 +
<meta name="viewport" content="width=device-width, initial-scale=1" />
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 +
<link href="https://2014.igem.org/Team:SJTU-Software/slider.css%20?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all"/>
 +
<script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/min.js%20?action=raw&ctype=text/js"></script>
 +
<script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/easing.js%20?action=raw&ctype=text/js"></script>
 +
<script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/cameramin.js%20?action=raw&ctype=text/js"></script>
 +
  <script>
 +
jQuery(function(){
 +
 +
jQuery('#camera_wrap_1').camera({
 +
thumbnails: true
 +
});
 +
});
 +
</script>
 +
  </head>
 +
<body>
 +
            <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" position:relative z-index:999 >
 +
            <ul id="nav">
 +
                <li><a href="https://2014.igem.org/Team:SJTU-Software"><font face="Jokerman">Home</font></a></li>
 +
                <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Overview"><font face="Jokerman">Software</font></a>
 +
                    <ul class="subs">
 +
                        <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"><font face="Jokerman">Tutorial</font></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"><font face="Jokerman">Demo</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/Download"><font face="Jokerman">Download</font></a></li>
 +
                    </ul>
 +
                </li>
 +
                <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Database"><font face="Jokerman">Document</font></a>
 +
                    <ul class="subs">
 +
                        <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"><font face="Jokerman">Assessment Model</font></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"><font face="Jokerman">For Future</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/Event"><font face="Jokerman">Events</font></a></li>
 +
                    </ul>
 +
                </li>
 +
                <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Requirement/Medal"><font face="Jokerman">Requirement</font></a>
 +
                    <ul class="subs">
 +
                        <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"><font face="Jokerman">Acknowledgement</font></a></li>
 +
                       
 +
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Requirement/HumanPractice"><font face="Jokerman">Human Practice</font></a></li>
 +
                    </ul>
 +
                </li>
 +
                <li><a href="https://2014.igem.org/Team:SJTU-Software/Team"><font face="Jokerman">Team</font></a>
 +
                    <ul class="subs">
 +
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Team"><font face="Jokerman">Member</font></a></li>
 +
                     
 +
                    </ul>
 +
                </li>
 +
               
 +
                <div id="lavalamp"></div>
 +
            </ul>
 +
        </div>
 +
<div align="center" >
-
<tr>  
+
    <div class="slider" style="width:71%; padding:4.3% 0 0 0 ">        
 +
<div class="fluid_container">
 +
        <div class="camera_wrap camera_azure_skin" id="camera_wrap_1" >
 +
            <div data-thumb="https://static.igem.org/mediawiki/2014/e/ee/Sjtu_software1.png" data-src="https://static.igem.org/mediawiki/2014/e/ee/Sjtu_software1.png">  </div>
 +
<div data-thumb="https://static.igem.org/mediawiki/2014/1/15/Sjtu_software_fm.png" data-src="https://static.igem.org/mediawiki/2014/1/15/Sjtu_software_fm.png">  </div>
 +
            <div data-thumb="https://static.igem.org/mediawiki/2014/8/85/Sjtu_s_2.png" data-src="https://static.igem.org/mediawiki/2014/8/85/Sjtu_s_2.png">  </div>
 +
          <div data-thumb="https://static.igem.org/mediawiki/2014/f/f8/Sjtu_s_3.png" data-src="https://static.igem.org/mediawiki/2014/f/f8/Sjtu_s_3.png">  </div>
-
<!--navigation menu -->
+
<div data-thumb="https://static.igem.org/mediawiki/2014/e/e9/Sjtu_s_4.png" data-src="https://static.igem.org/mediawiki/2014/e/e9/Sjtu_s_4.png">  </div>
-
<td align="center" colspan="3">
+
-
<table width="100%">
+
  <div data-thumb="https://static.igem.org/mediawiki/2014/c/c0/Sjtu_s_5.png" data-src="https://static.igem.org/mediawiki/2014/c/c0/Sjtu_s_5.png">   </div>
-
<tr heigth="15px"></tr>
+
         
-
<tr heigth="75px">  
+
        </div>
 +
      </div>
 +
        <div class="clear"></div>      
 +
    </div>
 +
 
 +
</div>
-
 
+
<div align=center>
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
    <div class="container2" style="height:300px;width:71%;background-color:#575D99;margin:36% 0 0 0;">
-
</tr>
+
<div align=left  >
-
</table>
+
                          <br>
-
 
+
                          <br>
-
<!--end navigation menu -->
+
  <div class="container2" style="margin:-4% 0 0 0;height:200px;width:28%;float:top; display:inline;" >
-
</tr>
+
                            <p class="text" style="margin:0% 5% auto"><font face="Helvetica" size="5px" color="#FFFFFF">EASY BBK</font></p>
-
 
+
                         
-
 
+
                          <p class="text" style="margin:2% 5% auto"><font face="Helvetica" size="4px" color="#FFFFFF">An EASY Biobrick Blueprint's pacKage</font></p>
-
</tr>
+
                            <p class="text" style="margin:2% 5% auto"><font face="Helvetica" size="3px" color="#FFFFFF">Difficulties in finding biobricks in need and in interpreting bio-systems presented in different styles remain to be two main problems in synthetic biology. Our team has created "Easy BBK" to help users get neat information and evaluation of specific biobricks quickly and to display their bio-system easily. Users can input keywords of the biobrick they are interested in, and select special requirements of certain properties, and related biobricks will be searched, sorted and displayed. A score will be computed for  each biobrick, based on the current status, reliability, feedbacks of users, number of publication and etc. Additionally, users could draw their bio-system easily with the standardized biobrick icons, and they can also look into the detailed information about the biobricks in the bio-system. Finally, new biobricks can be uploaded directly and automatically to Registry of Standard Biological Parts through our ‘Easy BBK’ system.</font></p>
-
+
                          </div>
-
<div class="container">
+
</div>
-
<div class="row clearfix">
+
</div>
-
<div class="col-md-12 column">
+
-
<div class="carousel slide" id="carousel-405627">
+
-
<ol class="carousel-indicators">
+
-
<li class="active" data-slide-to="0" data-target="#carousel-405627">
+
-
</li>
+
-
<li data-slide-to="1" data-target="#carousel-405627">
+
-
</li>
+
-
<li data-slide-to="2" data-target="#carousel-405627">
+
-
</li>
+
-
</ol>
+
-
<div class="carousel-inner">
+
-
<div class="item active">
+
-
<img alt="" src="https://static.igem.org/mediawiki/2014/7/7b/Mainpage2.png" />
+
-
<div class="carousel-caption">
+
-
<h4>
+
-
+
-
</h4>
+
-
<p>
+
-
+
-
</p>
+
-
</div>
+
-
</div>
+
-
<div class="item">
+
-
<img alt="" src="https://static.igem.org/mediawiki/2014/0/06/Mainpage1.png" />
+
-
<div class="carousel-caption">
+
-
<h4>
+
-
+
-
</h4>
+
-
<p>
+
-
+
-
</p>
+
-
</div>
+
-
</div>
+
-
<div class="item">
+
-
<img alt="" src="https://static.igem.org/mediawiki/2014/c/c8/Mainpage3.png" />
+
-
<div class="carousel-caption">
+
-
<h4>
+
-
+
-
</h4>
+
-
<p>
+
-
+
-
</p>
+
-
</div>
+
-
</div>
+
-
</div> <a class="left carousel-control" href="#carousel-405627" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-405627" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
+
-
</div>
+
-
</div>
+
-
</div>
+
</div>
</div>
 +
<div align=center>
 +
    <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  style=" float:left;margin:3% auto auto 4%;">     
 +
<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>
-
<div class="container">
 
-
<div class="row clearfix">
 
-
<div class="col-md-12 column">
 
-
<div class="jumbotron">
 
-
<h2>
 
-
<font color="red">An EASY Biobrick Blueprint’s pacKage</font>
 
-
</h2>
 
-
<p>
 
-
<font size="2" face="Verdana">Digging into the current biobrick database maintained by the iGEM foundation, we have found the database is organized in a confusing manner, which made it difficult for all the teams to interpret and find the high-rated biobricks. In addition, different types of biobricks which were presented in the previously-designed biosystems varied from each other so greatly that even the most experienced synthetic biologists might find it troublesome to interpret the biosystem the teams had created.</br>
 
-
Given the above-mentioned reasons, we have worked on an EASY Biobrick Blueprint’s pacKage with an entrenched relationship with the current biobrick database to solve the problems, the functions of which are listed as follows:</font>
+
<div  style="float:left;margin:3% auto auto 4%;">    
-
+
<a href="http://life.sjtu.edu.cn"target="_blank">        
-
</p>
+
<img  style="height:50px;width:auto;" src="https://static.igem.org/mediawiki/2014/0/09/Sjtu_software_Life-logo.png"></img></a></div>
-
<h2>
+
-
<font color="blue">WHAT DO YOU WANT? (An EASY Search Engine)</font>
+
-
</h2>
+
-
<p>
+
-
The searching engine is based on a database covering more than 20000 biobricks, the information of which were collected from Registry of Biological Parts. With an input of the keywords you are interested in, the biobricks related to this keyword will be listed, sorted by a score given by our assessment model. After picking out the user-interested types and status, users will attain more precise results only satisfying their requirements. The results can also be sorted by the score of popularity and user reviews. </br>
+
-
Besides, users can search for the biobricks containing similar sequences on the basis of the given sequence. The output will be sorted by the score calculated by our BLAST algorithm. 
+
-
</p>
+
<div  style=" float:left;margin:3% auto auto 4%;">  
-
<h2>
+
<a href="http://www.seiee.sjtu.edu.cn/"target="_blank">        
-
<font color="blue">HOW IS YOUR BIOBRICK? (An EASY Uploader)</font>
+
<img  style="height:50px;width:150px;" src="https://static.igem.org/mediawiki/2014/5/5b/Sjtu_software_seiee.png"></img></a></div>
-
</h2>
+
         
-
<p>
+
-
Here, users could not only upload their self-created biobricks to our database, but also an evaluation will be conducted to examine the quality of the uploading biobricks. The sequence of the self-created biobrick will be aligned with the sequences of the existing biobricks to find a similar biobrick, if exist, and a reference score for the quality of the self-created biobrick will be given according to the score given to the similar biobrick judging by our assessment model. 
+
-
</p>
 
-
<h2>
 
-
<font color="blue">WHAT IS YOUR BIOSYSTEM? (An EASY tool for presentation)</font>
 
-
</h2>
 
-
<p>
 
-
Users could draw their biosystem and look into the detailed information about the biobricks in the biosystem. With standardized biobrick icons according to the iGEM Registry, a standardized picture of a biosystem could be plotted using our tool. The tool can automatically check the basic reliability of the system based on the property of the biobricks. The result can be exported to a picture file or an SBOL file, which could be used for the presentation in the publications or later design.
 
-
</p>
+
<div  style="float:left;margin:3% auto auto 4%;">  
-
<p>
+
<a href="http://bme.sjtu.edu.cn/"target="_blank">
-
<a class="btn btn-primary btn-large" href="#">See the Video</a>
+
<img  style=height:50px;width:150px;" src="https://static.igem.org/mediawiki/2014/3/31/Sjtu_software_sbe.jpg"></img></a></div>
-
</p>
+
-
+
-
</div>
+
-
+
-
</div>
+
-
</div>
+
-
</div>
+
 +
<div  style=" float:left;margin:3% auto auto 4%;">
 +
<a href="http://skmml.sjtu.edu.cn/"target="_blank">         
 +
<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>
-
</td>
 
-
<tr> <td colspan="3"  height="15px"> </td></tr>
 
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
 
-
<tr> <td colspan="3"  height="5px"> </td></tr>
 
 +
            <div  class="container2" style="height:80px;width:100%;background-color: #272727;float:left; display:inline;" >
 +
<div align=center style="margin:-10px ">
 +
                          <br>
 +
                          <br>
 +
  <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="MoolBoran" size="5px"  color="#FFFFFF">SJTU-Software,Shanghai,China</font></p>
 +
                         
 +
                         
 +
                        </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>
 +
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
 +
<script>
 +
$(function(){
 +
        //当滚动条的位置处于距顶部100像素以下时，跳转链接出现，否则消失
 +
        $(function () {
 +
            $(window).scroll(function(){
 +
                if ($(window).scrollTop()>10){
 +
                    $("#back-to-top").fadeIn(1500);
 +
                }
 +
                else
 +
                {
 +
                    $("#back-to-top").fadeOut(1500);
 +
                }
 +
            });
 +
            //当点击跳转链接后，回到页面顶部位置
 +
            $("#back-to-top").click(function(){
 +
                $('body,html').animate({scrollTop:0},1000);
 +
                return false;
 +
            });
 +
        });
 +
    });
 +
</script>
-
<tr> <td colspan="3"  height="15px"> </td></tr>
 
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
 
-
</table>
+
</body>
 +
</html>

Latest revision as of 19:51, 17 October 2014




EASY BBK

An EASY Biobrick Blueprint's pacKage

Difficulties in finding biobricks in need and in interpreting bio-systems presented in different styles remain to be two main problems in synthetic biology. Our team has created "Easy BBK" to help users get neat information and evaluation of specific biobricks quickly and to display their bio-system easily. Users can input keywords of the biobrick they are interested in, and select special requirements of certain properties, and related biobricks will be searched, sorted and displayed. A score will be computed for each biobrick, based on the current status, reliability, feedbacks of users, number of publication and etc. Additionally, users could draw their bio-system easily with the standardized biobrick icons, and they can also look into the detailed information about the biobricks in the bio-system. Finally, new biobricks can be uploaded directly and automatically to Registry of Standard Biological Parts through our ‘Easy BBK’ system.



iGemdry2014@163.com

SJTU-Software,Shanghai,China

back to top

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