Difference between revisions of "Team:OUC-China/Software"

 
(19 intermediate revisions by 2 users not shown)
Line 4: Line 4:
 
   <meta charset="UTF-8">
 
   <meta charset="UTF-8">
 
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
 
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="Keywords" content="关键词,关键词">
 
  <meta name="Description" content="描述">
 
 
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <link href="https://2016.igem.org/Team:OUC-China/css/bootstrap-min?action=raw&amp;ctype=text/css" rel="stylesheet">
+
   <link rel="stylesheet" href="https://2016.igem.org/Team:OUC-China/css/bootstrap-min?action=raw&amp;ctype=text/css">
 
   <link rel="stylesheet" href="https://2016.igem.org/Team:OUC-China/css/ouc_wiki?action=raw&amp;ctype=text/css">
 
   <link rel="stylesheet" href="https://2016.igem.org/Team:OUC-China/css/ouc_wiki?action=raw&amp;ctype=text/css">
  <link rel="stylesheet" href="https://2016.igem.org/Team:OUC-China/css/hp?action=raw&amp;ctype=text/css">
 
 
   <script type="text/javascript" src="https://2016.igem.org/Team:OUC-China/js/jquery?action=raw&amp;ctype=text/javascript"></script>
 
   <script type="text/javascript" src="https://2016.igem.org/Team:OUC-China/js/jquery?action=raw&amp;ctype=text/javascript"></script>
 
   <script type="text/javascript" src="https://2016.igem.org/Team:OUC-China/js/bootstrap?action=raw&amp;ctype=text/javascript"></script>
 
   <script type="text/javascript" src="https://2016.igem.org/Team:OUC-China/js/bootstrap?action=raw&amp;ctype=text/javascript"></script>
   <title>Protocol</title>
+
   <title>Software</title>
 
<style type="text/css">
 
<style type="text/css">
       
 
 
         .banner-top{
 
         .banner-top{
 
             margin-left: 12%;
 
             margin-left: 12%;
 
         }
 
         }
 +
 +
#para{
 +
 +
margin-left:50px;
 +
margin-right:50px;
 +
}
 
          
 
          
 
         @media (min-width: 992px){
 
         @media (min-width: 992px){
Line 36: Line 38:
 
padding: 0px;
 
padding: 0px;
 
}
 
}
/* disable IGEM's style */
+
 
/*#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5, #bodyContent h6 {
+
    .oucBanner{background:url('https://static.igem.org/mediawiki/2016/e/ee/T--OUC-China--banner.fw.png');}
border-bottom: none;
+
.oucNav{background:url(https://static.igem.org/mediawiki/2016/d/d0/T--OUC-China--nav-1.fw.png);}
padding-top: 0;
+
padding-bottom: 0;
+
margin-bottom: 0;
+
}
+
#bodyContent p {
+
font-size: 100%;
+
line-height: 1em;
+
}
+
#bodyContent li {
+
margin-bottom: 0;
+
}
+
#bodyContent a {
+
font-size: 100%;
+
}*/ 
+
        h1{border:0;}
+
        .img_banner{margin-top:-5px;}
+
        .oucBanner{height:240px;background:url('https://static.igem.org/mediawiki/2016/e/ee/T--OUC-China--banner.fw.png');margin-top:-20px;}
+
.oucNav{margin-top:16px;background:url(https://static.igem.org/mediawiki/2016/d/d0/T--OUC-China--nav-1.fw.png);border:0;}
+
.oucBrand{width:200px;height:50px;background:url(https://static.igem.org/mediawiki/2016/f/fc/T--OUC-China--nav-logo-1.fw.png);}
+
 
ul[class=dropdown-menu]{background:url(https://static.igem.org/mediawiki/2016/d/d0/T--OUC-China--nav-1.fw.png);}
 
ul[class=dropdown-menu]{background:url(https://static.igem.org/mediawiki/2016/d/d0/T--OUC-China--nav-1.fw.png);}
        .oucprotocol p a{text-decoration:none;}
+
 
        .oucprotocol p a:hover{color:red;}
+
 
 
</style>
 
</style>
  
Line 66: Line 49:
 
<body>  
 
<body>  
 
<div class="container">
 
<div class="container">
<nav class="oucNav navbar navbar-default navbar-fixed-top" role="navigation">  
+
<nav class="oucNav navbar navbar-default navbar-fixed-top" role="navigation">
 
<div class="container">
 
<div class="container">
 
<div class="navbar-header">  
 
<div class="navbar-header">  
 
  <button type="button" class="navbar-toggle" data-toggle="collapse"
 
  <button type="button" class="navbar-toggle" data-toggle="collapse"
 
  data-target="#example-navbar-collapse">  
 
  data-target="#example-navbar-collapse">  
  <span class="sr-only">切换导航</span>  
+
  <span class="sr-only">Turn</span>  
 
  <span class="icon-bar"></span>  
 
  <span class="icon-bar"></span>  
 
  <span class="icon-bar"></span>  
 
  <span class="icon-bar"></span>  
 
  <span class="icon-bar"></span>  
 
  <span class="icon-bar"></span>  
 
  </button>  
 
  </button>  
  <a class="navbar-brand oucBrand" href="#"></a>  
+
  <a class="navbar-brand oucBrand" href="#"><img src="https://static.igem.org/mediawiki/2016/f/fc/T--OUC-China--nav-logo-1.fw.png" alt="Brand"></a>  
 
</div>  
 
</div>  
 
<div class="collapse navbar-collapse" id="example-navbar-collapse">  
 
<div class="collapse navbar-collapse" id="example-navbar-collapse">  
 
  <ul class="nav navbar-nav" id="oucNav">  
 
  <ul class="nav navbar-nav" id="oucNav">  
 
<li><a href="https://2016.igem.org/Team:OUC-China">Home</a></li>
 
<li><a href="https://2016.igem.org/Team:OUC-China">Home</a></li>
<li><a href="https://2016.igem.org/Team:OUC-China/Project">Project</a></li>
+
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Project<span class="caret"></span></a>
<li><a href="https://2016.igem.org/Team:OUC-China/Model">Model</a></li>
+
<ul class="dropdown-menu">
 +
<li><a href="https://2016.igem.org/Team:OUC-China/Project">Introduction</a></li>
 +
<li><a href="https://2016.igem.org/Team:OUC-China/Design">Design</a></li>
 +
<li><a href="https://2016.igem.org/Team:OUC-China/Proof">Proof of concept </a></li>
 +
<li><a href="https://2016.igem.org/Team:OUC-China/Results">Results</a></li>
 +
</ul>
 +
</li>
 
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Parts<span class="caret"></span></a>
 
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Parts<span class="caret"></span></a>
 
<ul class="dropdown-menu">
 
<ul class="dropdown-menu">
<li><a href="#">Basic part</a></li>
+
<li><a href="https://2016.igem.org/Team:OUC-China/Parts">Parts</a></li>
<li><a href="#">Composite parts</a></li>
+
<li><a href="https://2016.igem.org/Team:OUC-China/Basic_Part">Basic part</a></li>
<li><a href="#">Part collection</a></li>
+
<li><a href="https://2016.igem.org/Team:OUC-China/Composite_Part">Composite parts</a></li>
 +
<li><a href="https://2016.igem.org/Team:OUC-China/Part_Collection">Part collection</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
<li><a href="https://2016.igem.org/Team:OUC-China/Team">Team</a></li>
+
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practice<span class="caret"></span></a>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Notebook<span class="caret"></span></a>
+
 
<ul class="dropdown-menu">
 
<ul class="dropdown-menu">
<li><a href="https://2016.igem.org/Team:OUC-China/Notebook">Notebook</a></li>
+
<li><a href="https://2016.igem.org/Team:OUC-China/Human_Practices">Overview</a></li>
                                                                <li class="active"><a href="#">Protocol</a></li>
+
<li><a href="https://2016.igem.org/Team:OUC-China/Communicating">Communicating & Improving</a></li>
<li><a href="https://2016.igem.org/Team:OUC-China/Safety">Safety</a></li>
+
<li><a href="https://2016.igem.org/Team:OUC-China/Investigating">Investigating & Promoting</a></li>
 +
<li><a href="https://2016.igem.org/Team:OUC-China/Potential_application">Potential application</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
<li><a href="https://2016.igem.org/Team:OUC-China/Human_Practices">Human Practices</a></li>
+
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Team<span class="caret"></span></a>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Others<span class="caret"></span></a>
+
 
<ul class="dropdown-menu">
 
<ul class="dropdown-menu">
<li><a href="https://2016.igem.org/Team:OUC-China/Attributions">Attributions</a></li>
+
<li><a href="https://2016.igem.org/Team:OUC-China/Team">Team</a></li>
 
<li><a href="https://2016.igem.org/Team:OUC-China/Collaborations">Collaborations</a></li>
 
<li><a href="https://2016.igem.org/Team:OUC-China/Collaborations">Collaborations</a></li>
 +
</ul>
 +
</li>
 +
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Modeling<span class="caret"></span></a>
 +
<ul class="dropdown-menu">
 +
<li><a href="https://2016.igem.org/Team:OUC-China/Model">Model</a></li>
 +
<li class="active"><a href="https://2016.igem.org/Team:OUC-China/Software">Software</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2016.igem.org/Team:OUC-China/Attributions">Attributions</a></li>
 +
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Safety<span class="caret"></span></a>
 +
<ul class="dropdown-menu">
 +
<li><a href="https://2016.igem.org/Team:OUC-China/Notebook">Notebook</a></li>
 +
<li><a href="https://2016.igem.org/Team:OUC-China/Protocol">Protocol</a></li>
 +
<li><a href="https://2016.igem.org/Team:OUC-China/Safety">Safety</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
Line 110: Line 113:
 
</nav>
 
</nav>
 
<div class="clearfix"></div>
 
<div class="clearfix"></div>
                <div class="img_banner"><img src="https://static.igem.org/mediawiki/2016/f/fe/T--OUC-China--protocol-banner.jpg" class="img-responsive" alt="protocol-banner"></div>
+
        <div class="img_banner"><img src="https://static.igem.org/mediawiki/2016/0/0c/T--OUC-China--Software.jpg" class="img-responsive" alt="protocol-banner"></div>
                <div style="background:#EFF2F6;">
+
        <div>
<br>
+
<br>
<br>
+
<br>
<br>
+
<div class="oucMovie" style="background:url('https://static.igem.org/mediawiki/2016/9/99/T--OUC-China--movie-1.fw.png');width:100%;height:400px;">
<br>
+
<video src="https://static.igem.org/mediawiki/2016/3/3b/T--OUC-China--software-video.mp4" controls="controls" width="100%" height="400" style="margin:0 auto;">
<p>We have developed our own software which provides a database of stem loops. When users send the sequence to the server by uploading their own sequence or inputting a NCBI accession number, the software can find out corresponding useful stem loops and store them into the database. Moreover, when users need the protein express in quantification, for example inputting the ratio of two different proteins, the software can provide the most suitable stem loops according to the ratio. The relationship between the quantitative expression of protein and the free energy is based on <a href="https://2016.igem.org/Team:OUC-China/Model">our modeling</a>.<br/>With the help of this software/database, we can regulate the protein expression level more rationally, more precisely and more quickly. We have already created a platform/toolbox for quantitative expression using stem loops with various free energy. We believe that our platform will play a great role in prokaryote regulation field.</p>
+
your browser does not support the video tag
                <br><br><br><br>
+
</video>
                </div>
+
+
<div class="oucBanner">
+
<h3 class="text-center">Cistrons Concerto</h3>
+
 
</div>
 
</div>
<div class="row oucInformation" style="text-align:left">
+
<br>
<div class="col-md-1"></div>
+
<br>
<div class="col-md-5">
+
<div id="para">
<b>About:</b>
+
<p>We have developed our own software which provides a database of stem loops. When users upload their own sequence, the software can find out corresponding stem loops and store them into the database. Moreover, when users need proteins expressed in specific quantity, such as inputting the ratio of two different proteins, the software can provide suitable stem loops according to the ratio. The relationship between the quantitative expression of protein and the folding energy is based on our modeling.</p>
<p style="margin-top:20px;">Thanks to:<img src="https://static.igem.org/mediawiki/2016/e/ec/T--OUC-China--CAS.jpg" style="margin-left:10px;" alt="Qingdao Institute of Bioenergy and Bioprocess Technology,Chinese Academy of Sciences" width="220" height="32"><img src="https://static.igem.org/mediawiki/2016/7/7b/T--OUC-China--NEB.png" style="margin-left:10px;" alt="Biolabs" width="70px" height="32px"></p>
+
<p>With the help of this database, we can regulate the protein expression level more rationally, more precisely and more quickly. We believe that our toolbox will play a part in prokaryotic regulation field.</p>
<p style="margin-top:20px;">Designed and built by @ Jasmine Chen and @ Zexin Jiao</p>
+
<p>This database is based on Apache/PHP/MySQL environment. If you want to see our source code and operation guide. Please download this <a href="https://static.igem.org/mediawiki/2016/5/56/Code_%26_Guide.zip">zip</a>.</p>
<p style="margin-top:20px;">Code licensed under Apache License v4.0</p>
+
<p>Here is our software <a href="https://static.igem.org/mediawiki/2016/e/e9/T--OUC-China--handbook.pdf">handbook</a>.</p>
 
</div>
 
</div>
 +
            <br><br><br><br>
 +
        </div>
 +
<div class="oucBanner">
 +
        <h3 class="text-center">Cistrons Concerto</h3>
 +
</div>
 +
<div class="row oucInformation">
 
<div class="col-md-1"></div>
 
<div class="col-md-1"></div>
 
<div class="col-md-5">
 
<div class="col-md-5">
<b>Contact us:</b>
+
<h3>Thanks:</h3>
<p style="margin-top:20px;">E-mail: oucigem@163.com</p>
+
<p>1.Qingdao Institute of Bioenergy and Bioprocess Technology, Chinese Academy of Sciences</p>
<p>Follow us on Facebook@ iGEM OUC<img src="https://static.igem.org/mediawiki/2016/9/94/T--OUC-China--foot3.png" style="margin-left:20px;" alt="Facebook"></p>
+
<p>2.NEW ENGLAND Biolabs</p>
<p>Find us on Google Map</p>
+
<p>We are OUC-iGEM<img src="https://static.igem.org/mediawiki/2016/0/04/T--OUC-China--OUC.png" style="margin-left:10px;" alt="logo-one" width="50px" height="50px"><img src="https://static.igem.org/mediawiki/2016/9/9b/T--OUC-China--Kexie.png" style="margin-left:10px;" alt="logo-two" width="50px";height="50px"></p>
+
 
</div>
 
</div>
 +
<div class="col-md-5 Contact">
 +
<h3>Contact us:</h3>
 +
<p><b>E-mail</b>: oucigem@163.com</p>
 +
<p><b>Designed and built</b> by @ Jasmine Chen and @ Zexin Jiao</p>
 +
<p>We are OUC-iGEM
 +
<img src="https://static.igem.org/mediawiki/2016/5/58/T--OUC-China--foot4.png" width="70" height="70" alt="logo-one">
 +
<img src="https://static.igem.org/mediawiki/2016/9/9b/T--OUC-China--foot5.png" width="70" height="70" alt="logo-two">
 +
</p>
 +
</div>
 +
</div>
 +
<div class="oucBottom">
 
</div>
 
</div>
<div id="" class="oucBottom">
 
</div>
 
 
 
 
</div>
 
</div>

Latest revision as of 12:39, 30 November 2016

Software

protocol-banner




We have developed our own software which provides a database of stem loops. When users upload their own sequence, the software can find out corresponding stem loops and store them into the database. Moreover, when users need proteins expressed in specific quantity, such as inputting the ratio of two different proteins, the software can provide suitable stem loops according to the ratio. The relationship between the quantitative expression of protein and the folding energy is based on our modeling.

With the help of this database, we can regulate the protein expression level more rationally, more precisely and more quickly. We believe that our toolbox will play a part in prokaryotic regulation field.

This database is based on Apache/PHP/MySQL environment. If you want to see our source code and operation guide. Please download this zip.

Here is our software handbook.





Cistrons Concerto

Thanks:

1.Qingdao Institute of Bioenergy and Bioprocess Technology, Chinese Academy of Sciences

2.NEW ENGLAND Biolabs

Contact us:

E-mail: oucigem@163.com

Designed and built by @ Jasmine Chen and @ Zexin Jiao

We are OUC-iGEM logo-one logo-two