Difference between revisions of "Team:Warwick/Software"

Line 1: Line 1:
<!DOCTYPE html>
+
<html>
<html lang="en" dir="ltr" class="client-nojs">
+
  <head>
<head>
+
    <title>iGEM Warwick 2016 - Page</title>
<meta charset="UTF-8" />
+
    <meta charset="utf-8" />
<title>Team:Warwick-2016.igem.org</title>
+
    <meta name="viewport" content="width=device-width, initial-scale=1" />
 +
    <link rel="stylesheet" type="text/css" href="http:\\2016.igem.org/Team:Warwick\css?action=raw&ctype=text/css" />
 +
  </head>
 +
  <body>
 +
    <!-- Header -->
 +
      <header id="header">
 +
        <div class="inner">
 +
        <a href="https://2016.igem.org/Team:Warwick" class="logo" >
 +
            <img src="https://static.igem.org/mediawiki/2016/c/cd/T--Warwick--Logo.png" alt="IGEM WARWICK" class="logo">
 +
        </a>
 +
          <nav id="nav">
 +
            <a href="https://2016.igem.org/Team:Warwick">Home</a>
 +
            <a href="https://2016.igem.org/Team:Warwick/Team">Team</a>
 +
            <div class="dropdown">
 +
            <a href="https://2016.igem.org/Team:Warwick/Description">Project</a>
 +
            <div class="dropdown-content">
 +
                <a href="https://2016.igem.org/Team:Warwick/Project">Overview</a>
 +
                <a href="https://2016.igem.org/Team:Warwick/Design">Design</a>
 +
                <a href="https://2016.igem.org/Team:Warwick/Parts">Parts</a>
 +
                <a href="https://2016.igem.org/Team:Warwick/Model">Model</a>
 +
                <a href="https://2016.igem.org/Team:Warwick/Software">Software</a>
 +
            </div>
 +
            </div>
 +
            <div class="dropdown">
 +
            <a href="https://2016.igem.org/Team:Warwick/LabBook">Labs</a>
 +
            <div class="dropdown-content">
 +
                <a href="https://2016.igem.org/Team:Warwick/LabBook">Lab Book</a>
 +
                <a href="https://2016.igem.org/Team:Warwick/Safety">Safety</a>
 +
                <a href="https://2016.igem.org/Team:Warwick/Interlab">Interlab</a>
 +
                <a href="https://2016.igem.org/Team:Warwick/Protocols">Protocols</a>
 +
            </div>
 +
            </div>
 +
            <div class="dropdown">
 +
            <a href="https://2016.igem.org/Team:Warwick/Attributions">Attributions</a>
 +
            <div class="dropdown-content">
 +
                <a href="https://2016.igem.org/Team:Warwick/Collaborations">Collaborations</a>
 +
            </div>
 +
            </div>
 +
            <div class="dropdown">
 +
            <a href="https://2016.igem.org/Team:Warwick/Human_Practices">Human Practices</a>
 +
            <div class="dropdown-content">
 +
                <a href="https://2016.igem.org/Team:Warwick/Integrated_Practices">Integrated Practices</a>
 +
            </div> 
 +
            </div>
 +
            <div class ="dropdown">
 +
            <a href="https://2016.igem.org/Team:Warwick/Awards">Awards</a>
 +
            <div class="dropdown-content">
 +
                <a href="https://2016.igem.org/Team:Warwick/HP/Silver">Silver</a>   
 +
                <a href="https://2016.igem.org/Team:Warwick/HP/Gold">Gold</a>
 +
            </div>
 +
            </div>
 +
          </nav>
 +
          <a href="#navPanel" class="navPanelToggle"><span class="fa fa-bars"></span></a>
 +
        </div>
 +
    </header>
 +
     
 +
     
 +
     
 +
     
 +
    <!-- Abstract -->
 +
    <section id="three" class="wrapper style1 special">
 +
        <div class="inner">
 +
          <header class="align-center">
 +
            <h2>Abstract</h2>
 +
          </header>
 +
          <div class="flex flex-2">
 +
            <article>
 +
              <p>We created a software tool that uses a DNA strand input, and defines a list of crRNA sites output. These crRNA will bind to the DNA with a strength previously specified by the user, as a percentage of the fold change of the dCas9. It also calculates the approximate structure of the crRNA and displays first the ones which disturb the dCas9 handle the least. To achieve this, it incorporates open source code from RNAfold [1] and code used in the research of Iman Farasat and Howard M. Salis [2] generously provided by them. The aim is to use this tool in order to design PAM proximal promoter sequences, as there is currently no analytical method available for prediction of binding strength between a dCas9 enzyme and PAM sequence.</p>
 +
            </article>
 +
          </div>
 +
        </div>
 +
      </section>
 +
     
 +
    <!-- Step1 -->
 +
    <section id="three" class="wrapper special">
 +
        <div class="inner">
 +
          <header class="align-center">
 +
            <h2>1. Calculation of the binding energy</h2>
 +
          </header>
 +
          <div class="flex flex-2">
 +
            <article>
 +
              <p>The Cas9Calculator, written by Iman Farasat and Howard M. Salis and published in their latest paper [2], is used for all calculations determining the strength of crRNA:DNA binding. For its creation they analysed datasets from different experiments and took into account the effects of supercoiling on adjacent DNA sites, different PAM sites, crRNA:DNA site mismatches, Cas9 and crRNA expression levels, organisms and growth conditions. This allowed them to predict approximately the dynamics of dCas9-based binding and Cas9-based cleavage at all DNA sites. For our calculations, site mismatches are characterised only by their number and position and not the specific genes.</p>
 +
            </article>
 +
          </div>
 +
        </div>
 +
      </section>
 +
     
 +
    <!-- Step2 -->
 +
    <section id="three" class="wrapper style1 special">
 +
        <div class="inner">
 +
          <header class="align-center">
 +
            <h2>2. Relation between fold change and binding energy</h2>
 +
          </header>
 +
          <div class="flex flex-2">
 +
            <article>
 +
              <p>The fold change is the fold difference in gene expression between the case when the dCas9 is bound to the promoter and when it's not bound. Since binding of dCas9 in a CRISPRi system prevents transcription by blocking access to the promoter, the strength of binding of dCas9 determines the fold-repression.<br/><br/>To estimate the relation between these, data from two papers is used. For a given DNA sequence one paper presents the fold change in binding of dCas9 for different number of mutations [3]. The second paper presents the repression activity of a single mutation at different locations[4].<br/><br/>In both cases the RNA:DNA binding is calculated with the Cas9Calculator and then plotted on a logarithmic scale against the fold change (Fig. 1) or one over the repression activity, respectively (Fig. 2). With the exception of few points, correlations seems to be linear and hence the relation is fitted with the following formula:𝑃=𝑒^(−𝛽(𝑚𝑎𝑥𝐺−𝐺))<br/><br/>Where maxG is the Gibbson free energy when there are no mismatches and G is the energy for the given state. P is the fold change between the two states. The coefficient %beta = 1.003074571 is the average of all individual coefficient satisfying the formula (with the exception of the few points noted above).</p>
 +
            </article>
 +
            <article>
 +
              <div class="image fit">
 +
                <img src="images/pic02.jpg" alt="Pic 02" />
 +
              </div>
 +
            </article>
 +
          </div>
 +
        </div>
 +
      </section>
 +
     
 +
    <!-- Step3 -->
 +
    <section id="three" class="wrapper special">
 +
        <div class="inner">
 +
          <header class="align-center">
 +
            <h2>3. The Algorithm</h2>
 +
          </header>
 +
          <div class="flex flex-2">
 +
            <article>
 +
              <p>Once the user inputs a DNA sequence and the desired fold change, the software calculates its required binding energy to the crRNA. Then starting from the perfectly matching crRNA, a random number of mutations is chosen and then for each mutation two further random numbers indicate its position and the replacement gene. This process is repeated 10 000 times where the binding energy of each sequence is calculated using the Cas9calculator. At the end of this step, only sequences with energy within the allowed range are selected.<br/><br/>Next, the dCas9 handle and terminator are added to the crRNA and the RNAfold is called to calculate the structure of the final sequence. This is to determine whether the crRNA will disturb the expression of dCas9 by binding to it. Since for high percentage of fold change, this depends mainly on the initial sequence, for many cases all crRNA sequences bind to the dCas9. Hence, we selected the sequences with at least half of their bases unpaired and show them in ascending order of pairings.</p>
 +
            </article>
 +
          </div>
 +
        </div>
 +
      </section>
 +
     
 +
    <!-- Step4 -->
 +
    <section id="three" class="wrapper style1 special">
 +
        <div class="inner">
 +
          <header class="align-center">
 +
            <h2>4. Next Steps</h2>
 +
          </header>
 +
          <div class="flex flex-2">
 +
            <article>
 +
              <p>Our aim is to launch a website which will run the code described above in real time making it easier to use, thus reaching a wider range of users. So far an interface has been created and the code was successfully run on a local server (Fig. 3,4,5). The tool could be further improved by increasing its precision or decreasing the time it takes to return results. This could happen by fitting the data from section 2 with a different function or developing a more efficient algorithm for creating crRNA sequences. However, the idea behind this tool is simple but could still prove to be efective in the engineering of CRISPR/Cas9 systems.</p>
 +
              </article>
 +
          </div>
 +
        </div>
 +
      </section>
 +
     
 +
     
 +
    <!-- References -->
 +
    <section id="three" class="wrapper special">
 +
        <div class="inner">
 +
          <header class="align-center">
 +
            <h2>References</h2>
 +
          </header>
 +
          <div class="flex flex-2">
 +
            <article>
 +
              <p>[1] Lorenz, Ronny and Bernhart, Stephan H. and Höner zu Siederdissen, Christian and Tafer, Hakim and Flamm, Christoph and Stadler, Peter F. and Hofacker, Ivo L. ViennaRNA Package 2.0 Algorithms for Molecular Biology, 6:1 26, 2011, doi:10.1186/1748-7188-6-26<br/><br/>[2] Farasat I, Salis HM (2016) A Biophysical Model of CRISPR/Cas9 Activity for Rational Design of Genome Editing and Gene Regulation. PLoS Comput Biol 12(1): e1004724. doi:10.1371/journal.Pcbi.1004724 (http://journals.plos.org/ploscompbiol/article?id=10.1371/journal.pcbi.1004724)<br/><br/>[3] http://nar.oxfordjournals.org/content/41/15/7429.abstract<br/><br/>[4] http://www.sciencedirect.com/science/article/pii/S0092867413002110</p>
 +
              </article>
 +
          </div>
 +
        </div>
 +
      </section>
 +
     
  
<head>
+
    <!-- Banner -->
 
+
      <section id="banner">
<style type="text/css">
+
        <h1>Page Title</h1>
 
+
        <p>Brief Description</p>
#text {margin-top: 50px; z-index: 9999;}
+
      </section>
#text h2 {font-size: 25px; text-decoration: none; border-bottom: 0px; display: block; background-color: #c97062; color: #fff; font-weight: bold; border-radius: 4px; padding: 15px; opacity: 0.5; }
+
     
 
+
     
.blockk:hover h2 {opacity: 0.9 !important; transition-property: opacity;
+
   <!-- Footer -->
    transition-duration: 1s;
+
     <footer id="footer">
    transition-timing-function: ease; }
+
              <div class="inner">
 
+
              <div class="flex">
#text h4 {text-decoration: none; font-size: 14px; font-weight: normal !important; border-bottom: 0px; display: block;  padding-left: 5px; padding-top: 5px; padding-bottom: 5px; line-height: 2; text-align: justify; color: #272a2b}
+
                <div class="copyright">
 
+
                  &copy; Warwick iGem 2016.
 
+
                <ul class="icons">
 
+
                    <li><a href="https://www.facebook.com/WarwickIGEM" class="logo" ><img src="https://static.igem.org/mediawiki/2016/6/6f/T--Warwick--Facebook.png" alt="Facebook" class="logo">
 
+
                    </a></li>
/*references*/
+
                    <li><a href="https://twitter.com/warwickigem" class="logo" ><img src="https://static.igem.org/mediawiki/2016/7/7e/T--Warwick--Twitter.png" alt="Twitter" class="logo">
.content .tooltip {
+
                    </a></li>
  background-color: #fff;
+
                </ul>
border: 1px #22343C solid;
+
                <a href="https://2016.igem.org/Team:Warwick" class="logo" >
  border-radius: 4px;
+
                    <img src="https://static.igem.org/mediawiki/2016/f/f6/T--Warwick--banner.png" alt="IGEM WARWICK" class="bannertop">
  padding: 3px;
+
                </a>
  position: absolute;
+
                <div class="links">
  width: 300px;
+
                    <a href="https://2016.igem.org/Team:Warwick">Home</a>
  z-Index: 99999;
+
                    <a href="https://2016.igem.org/Team:Warwick/Team">Team</a>
  display: none;
+
                    <a href="https://2016.igem.org/Team:Warwick/Project">Project</a>
letter-spacing: 1px;
+
                    <a href="https://2016.igem.org/Team:Warwick/Design">Design</a>
line-height: 1;
+
                    <a href="https://2016.igem.org/Team:Warwick/Parts">Parts</a>
font-size: 11px;
+
                    <a href="https://2016.igem.org/Team:Warwick/Safety">Safety</a>
}
+
                    <a href="https://2016.igem.org/Team:Warwick/Attributions">Attributions</a>
 
+
                    <a href="https://2016.igem.org/Team:Warwick/Human_Practices">Human Practices</a>
.tooltip a {color: #22343C;}
+
                    <a href="https://2016.igem.org/Team:Warwick/Awards">Awards</a>  
.tooltip {color: #22343C;}
+
                </div>
 
+
              </div>
.content {
+
            </div>
  position: relative;
+
          </div>
}
+
      </footer>
 
+
  </body>
.content {color: #d67166;}
+
</html>
 
+
/* end-of-references */
+
 
+
.bigtitle {width: 42%; margin-top: 100px; margin: 0 auto; font-size: 16px; background-image:none /*url('https://static.igem.org/mediawiki/2015/4/43/Warwick_headercircle.png')*/; text-align: center; line-height: 2;
+
    background-position: top center;  background-repeat: no-repeat; background-size: contain; padding: 9%; position: relative; margin-bottom: 100px; color: #22343C;}
+
 
+
.bigtitle a {color: #22343C; text-decoration: none;}
+
 
+
.title2 {font-family: Satisfy; font-size: 380%; text-align:center;}
+
 
+
.titlecircle {width: 85%; margin: 0 auto; padding-top: 12%;}
+
 
+
.arrow {font-size: 50px;}
+
 
+
 
+
#text h2 {
+
font-size: 25px !important;
+
text-decoration: none;
+
border-bottom: 0px;
+
display: block;
+
background-color: #c97062;
+
color: #fff;
+
font-weight: bold;
+
border-radius: 4px;
+
padding: 10px;
+
opacity: 0.5;
+
  line-height: 1.4;
+
}
+
 
+
a {
+
color:#473E4F;
+
-webkit-transition: color ease-in-out 300ms;
+
}
+
 
+
a:hover
+
{color: #70C4BB;
+
text-decoration:none;
+
-webkit-transition: color ease-in-out 300ms;
+
}
+
 
+
 
+
 
+
a:visited {
+
color:#473E4F;
+
text-decoration:none;
+
-webkit-transition: color ease-in-out 300ms;
+
}
+
 
+
#bodyContent {
+
background-color:#F8FFFF;
+
}
+
 
+
@media (max-width:400px){
+
p {text-align:justify;};
+
h3 {font-size:10px;};
+
}
+
 
+
/* wiki width fixing */
+
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
+
    display:none;}
+
#top-section {
+
    border: none;
+
    height: 0px;}
+
 
+
#p-logo, h1.firstHeading,#search-controls,#catlinks {display:none;}
+
   #footer #f-list {margin-top:0;}
+
  #top-section,#footer-box{margin:0;padding:0;width:100%;height:0;}
+
  #contentSub {margin: 0;}
+
 
+
#globalWrapper, #content {
+
width: 100% !important;
+
height: 100%;
+
border: 0;
+
background-color: F8FFFF;
+
margin: 0;
+
padding: 0 !important;
+
padding-bottom: 0 !important;
+
top:0;
+
line-height: 1;
+
position: absolute;
+
}
+
 
+
#bodyContent {top: 0px;
+
position: absolute;
+
height: auto;
+
min-height: 100%;
+
margin: 0 auto;
+
padding: 0;
+
overflow-y: scroll;
+
overflow-x: hidden;
+
margin-left:-500px ;}
+
 
+
html, body, #container {
+
top: 0px;
+
width:100%;
+
height: auto;
+
overflow-x: hidden;
+
  background: none !important;
+
}
+
 
+
.buttonblack {
+
 
+
  margin-bottom: 10px;
+
  margin-top: 10px;
+
+
}
+
 
+
 
+
.intro-buttons {
+
padding-top: 20px;  color: #FFFFFF;
+
}
+
 
+
 
+
 
+
.intro-buttons a {  color: #FFFFFF; text-decoration: none;}
+
 
+
 
+
 
+
 
+
  #header2:before
+
{
+
content: "";
+
+
+
     position: fixed;
+
    top: 0;
+
    left: 0;
+
  bottom: 0;
+
margin: 0;
+
padding: 0;
+
    width: 100%;
+
    height: 100%;
+
overflow: hidden;
+
display: block;
+
border: none;
+
 
+
}
+
 
+
 
+
 
+
 
+
 
+
.back {text-align: center; top: 15%; position: relative;}
+
.back img {padding-left: 10px; padding-right: 10px; padding-bottom: 7px;}
+
.back a {color: #2a2133; font-size: 16px; font-family: Raleway; letter-spacing: 1.5px; }
+
.back a:hover {color: #493c54;  -webkit-transition: color ease-in-out 400ms;}
+
 
+
+
 
+
 
+
 
+
 
+
@media screen and (max-width: 960px) {
+
#abstracttext p {    line-height: 2; font-size: 13px; text-indent: 50px;
+
}
+
 
+
 
+
}
+
 
+
#abstract h2 {font-size: 20px;}
+
 
+
 
+
 
+
 
+
 
+
.mailus {background: #F0F0F5; padding: 5px;}
+
 
+
/*menu*/
+
 
+
.mainmenu {
+
  position: fixed;
+
  top: 0;
+
  left: 0;
+
  z-index: 99999;
+
  width: 100%;
+
  height: 100px;
+
font-size: 20px;
+
background-color: #fff;
+
box-shadow: 0px -6px 22px;
+
}
+
 
+
 
+
 
+
#hidden-menu {
+
margin-left:85%;
+
display: none;}
+
 
+
#hidden-menu:hover ul{
+
height:auto;
+
width:auto;
+
z-index:99999999;
+
display: block;
+
}
+
 
+
#hidden-menu ul li {
+
background-color: #70C4BB;
+
text-align: center;
+
display: block;
+
margin:none;
+
padding-left:20px;
+
padding-right:20px;
+
padding-top:8px;
+
padding-bottom:8px;
+
box-shadow:1.5px 1.5px lightgrey;
+
border-radius:4px;
+
opacity:0.9;
+
z-index:99999999;
+
}
+
 
+
#hidden-menu ul {
+
position:fixed;
+
padding-top:60px;
+
right: 0px;
+
padding-right: 50px;
+
display: none;
+
}
+
 
+
#hidden-menu ul li a {
+
color: #fff; font-size: 23px;
+
}
+
 
+
#hidden-menu ul li a:hover {
+
color: #787172
+
}
+
 
+
#hidden-menu a {
+
color: #473E4F; text-decoration: none; font-family: Raleway; 
+
}
+
 
+
#hidden-menu a:hover {color: #70C4BB;
+
    -webkit-transition: color ease-in-out 150ms;
+
}
+
 
+
 
+
#mobilebutton {
+
height:50px;
+
width:50px;
+
top:0;
+
right:0px;
+
margin-top: 17px;
+
position:fixed;
+
opacity:0.9;
+
z-index:999999999;
+
}
+
 
+
 
+
#igemlogo {
+
position:fixed;
+
top:30px;
+
left: 10px; float:left;
+
z-index:99999;
+
}
+
 
+
.menu-items {display: inline-block;
+
width: 100%;
+
text-align: right;
+
position:fixed;
+
top: 20px;
+
z-index:99998;
+
right: 0;
+
padding-right: 53px;
+
}
+
 
+
 
+
 
+
.menu-items li {
+
  display: inline-block;
+
  margin-right: 20px;
+
  margin-left: 10px;
+
margin-top: 0px;
+
letter-spacing: 3px;
+
height: 30px;
+
text-transform: uppercase;
+
font-size: 12px;
+
font-weight: bold;
+
  }
+
 
+
 
+
.menu-items li:hover ul, .menu-items li.hover ul{
+
padding-left: 0;
+
visibility: visible;
+
  opacity: 1;
+
transition:  opacity 1s ease-in 0s, visibility 0s linear 0s;
+
}
+
 
+
 
+
 
+
 
+
.menu-items li ul {
+
visibility: hidden;
+
opacity: 0;
+
transition:  opacity 0.5s ease-in 0s, visibility 0s linear 0.5s;
+
position: absolute;
+
top: 10px;
+
  margin-right: 0px;
+
  margin-left: 0px;
+
padding: 0;
+
text-align: left;
+
}
+
 
+
.menu-items li ul a{list-style-type:none;}
+
 
+
 
+
.menu-items li ul li{
+
text-align: left;
+
padding: 2px 0px;
+
width: auto;
+
display:block;
+
height: 8px;
+
margin: 0px;
+
 
+
}
+
 
+
.menu-items li ul li a {
+
color: #22343C;
+
font-size: 9px;
+
}
+
 
+
.menu-items li ul li a:hover {
+
color: #FE6C68;
+
}
+
 
+
.menu-items a {
+
color: #22343C;
+
text-decoration: none;
+
font-family: Raleway; 
+
}
+
 
+
.menu-items a:hover {color: #70C4BB;
+
    -webkit-transition: color ease-in-out 150ms;
+
}
+
 
+
 
+
 
+
 
+
.buttonblack {
+
  margin-bottom: 10px;
+
margin-top: 10px;
+
text-transform: uppercase;
+
  font-size: 14px;
+
  font-weight: normal;
+
  line-height: 1.428571429;
+
  text-align: center;
+
  white-space: nowrap;
+
  vertical-align: middle;
+
  border-radius: 4px;
+
transition-property: background-color, color, border-color;
+
  transition-duration: 1s;
+
  transition-timing-function: ease;
+
            color: #FFFFFF;
+
  border: solid 5px #336666;
+
    padding: 10px 16px;
+
  text-decoration: none;
+
  width:180px; background-color: #336666;
+
font-family: Raleway;
+
letter-spacing: 2px;
+
font-weight: bold;}
+
 
+
 
+
.buttonblack:hover {border-color: #fff; color: #fff; background: none;}
+
.buttongreen:hover {border-color: #019966; color: #019966; background: none;}
+
 
+
.buttongreen {  margin-bottom: 10px;
+
margin-top: 20px;
+
text-transform: uppercase;
+
  font-size: 14px;
+
  font-weight: normal;
+
  line-height: 1.428571429;
+
  text-align: center;
+
  white-space: nowrap;
+
  vertical-align: middle;
+
  border-radius: 4px;
+
transition-property: background-color, color, border-color;
+
  transition-duration: 1s;
+
  transition-timing-function: ease;
+
            color: #FFFFFF;
+
  border: solid 5px #019966;
+
    padding: 10px 16px;
+
  text-decoration: none;
+
  width:180px; background-color: #019966;
+
font-family: Raleway;
+
letter-spacing: 2px;
+
font-weight: bold;}
+
 
+
a.buttongreen  {text-decoration: none; color: #fff;}
+
 
+
.igemlogoo {width: 65px;}
+
 
+
 
+
/*media*/
+
 
+
@media(max-width:1280px){
+
.menu-items {padding-right: 53px;}
+
.menu-items li {margin-right: 12px; margin-left: 12px; letter-spacing: 3px;}
+
 
+
 
+
}
+
 
+
 
+
@media(max-width:1152px){
+
.menu-items li {margin-right: 12px; margin-left: 9px; letter-spacing: 2.8px;}
+
 
+
}
+
 
+
 
+
@media(max-width:1024px){
+
.menu-items li {
+
margin-right: 9px;
+
letter-spacing: 2.4px; }
+
.menu-items ul li ul a {font-size: 10px; letter-spacing: 1.9px;}
+
.igemlogoo {width: 50px;}
+
#bodyContent {margin-left: -60px; width: calc(100% + 32px);}
+
 
+
}
+
 
+
@media(max-width:960px){
+
.menu-items li {
+
margin-right: 9px;
+
font-size: 10px;
+
letter-spacing: 2.4px;
+
}
+
 
+
.menu-items ul li ul a {font-size: 9px; letter-spacing: 1.9px;}
+
 
+
 
+
}
+
 
+
 
+
@media(max-width:900px){
+
 
+
 
+
 
+
.menu-items li {
+
margin-right: 9px;
+
margin-left: 0px;
+
font-size: 10px;
+
letter-spacing: 2.4px;
+
 
+
}
+
 
+
.menu-items ul li ul a {font-size: 9px; letter-spacing: 1.9px;}
+
 
+
.menu-items li ul li {height: 6px;}
+
 
+
.mainmenu {height: 90px; }
+
 
+
 
+
.menu-items li ul {top: 20px;}
+
 
+
}
+
 
+
 
+
 
+
 
+
 
+
@media(max-width:830px){
+
 
+
.igemlogoo {width: 40px; opacity: 0.7;}
+
 
+
#igemlogo {top: 40px; z-index: -1;}
+
  #Warwickigemlogo {display: none;}
+
 
+
.menu-items ul li ul a {letter-spacing: 1.4px;}
+
 
+
 
+
}
+
 
+
 
+
@media(max-width: 768px){
+
 
+
 
+
.menu-items li {
+
letter-spacing: 2px;
+
font-size: 10px;
+
margin-right: 3px;
+
margin-left: 3px;
+
margin-top: 6px;
+
text-align: center;
+
}
+
.menu-items ul {text-align: center; padding: 0; margin: 0 2px; list-style:none;}
+
 
+
.menu-items {text-align: center; padding-left: 0px; margin: 0 auto;}
+
.menu-items li ul {position: absolute; left: 0; width: 100%; text-align: center; margin-top: 20px;  }
+
 
+
.menu-items li ul li {display: inline-block;  margin-left: 10px; margin-right: 10px; height: 34px; }
+
.menu-items ul li ul a { font-size: 10px; letter-spacing: 2px;}
+
 
+
}
+
 
+
 
+
 
+
@media(max-width: 740px){
+
 
+
.menu-items li {
+
letter-spacing: 1.6px;
+
font-size: 10px;
+
margin-right: 3px;
+
margin-top: 6px;
+
}
+
 
+
 
+
}
+
 
+
 
+
@media(max-width: 680px){
+
 
+
.menu-items li {
+
letter-spacing: 1.8px;
+
font-size: 9px;
+
margin-right: 3px;
+
margin-left: 3px;
+
margin-top: 8px;
+
}
+
 
+
.menu-items li ul { margin-top: 20px;}
+
 
+
.menu-items li ul li {margin-right: 6px;
+
margin-left: 6px;}
+
 
+
.menu-items ul li ul a { font-size: 9px; letter-spacing: 1.8px;}
+
 
+
}
+
 
+
 
+
 
+
@media(max-width: 640px){
+
.mainmenu, .mainmenu ul, .mainmenu ul li {visibility: hidden;}
+
#hidden-menu {display: block; z-index: 999999;}
+
 
+
}
+
 
+
 
+
 
+
@media(max-width:1280px){
+
 
+
.bigtitle {font-size: 15px;}
+
.bigtitle {width: 50%;}
+
.buttonblack {padding: 5px 11px;}
+
 
+
}
+
 
+
 
+
@media(max-width:1152px){
+
 
+
.bigtitle {font-size: 14px;}
+
.bigtitle {width: 52%;}
+
.titlecircle {width: 80%;}
+
a.buttonblack {font-size: 11px; letter-spacing: 1.8px;}
+
.buttonblack {padding: 5px 8px;}
+
}
+
 
+
 
+
@media(max-width:1024px){
+
.bigtitle {width: 58%;}
+
.titlecircle {padding-top: 15%; width: 75%;}
+
#wrapper {top: 100px;}
+
a.buttonblack {font-size: 10px; letter-spacing: 1.7px;}
+
#header2:before {background-image: none;}
+
#mobilebackground {display: block;}
+
.constructs {font-size: 15px;}
+
 
+
 
+
}
+
 
+
@media(max-width:960px){
+
 
+
.bigtitle {font-size: 13px; width: 65%;}
+
.arrow {font-size: 40px;}
+
.buttonblack {padding: 5px 5px;}
+
#submenu {width: 110%; margin-left: -5%;}
+
.constructs img {float: none !important; margin: 0 auto !important; min-width: 60% !important;}
+
.constructs {text-align: center;}
+
}
+
 
+
 
+
@media(max-width:910px){
+
}
+
 
+
@media(max-width:850px){
+
a.buttonblack {font-size: 10px; letter-spacing: 1.3px;}
+
.buttonblack {padding: 4px 3px;}
+
#submenu {width: 112%; margin-left: -6%;}
+
.constructs img {min-width: 80% !important;}
+
 
+
 
+
 
+
 
+
}
+
 
+
 
+
 
+
@media(max-width: 768px){
+
.bigtitle {width: 90%; font-size: 13px; padding: 13%; margin-left: -7%;}
+
.bigtitle p { font-size: 13px; margin-top: 10px !important;}
+
.titlecircle {width: 70%; padding-top: 8%;}
+
a.buttonblack {font-size: 9px; letter-spacing: 1.3px;}
+
#submenu {width: 80%; margin: 0 auto;}
+
.buttonblack {line-height: 3.8;}
+
a.buttonblack {font-size: 11px; letter-spacing: 1.8px;}
+
.buttonblack {padding: 5px 8px;}
+
.citecryan {margin-left: 50px;}
+
 
+
}
+
 
+
 
+
 
+
 
+
@media(max-width:680px){
+
#wrapper {width: 100%;}
+
#text {margin: 50px 25px 0 25px;}
+
#text h4 {font-size: 13px;}
+
.constructs {font-size: 13px;}
+
.bigtitle p { font-size: 13px; }
+
.titlecircle {width: 60%;}
+
#submenu {width: 70%; margin: 0 auto;}
+
.buttonblack {line-height: 3.8;}
+
a.buttonblack {font-size: 11px; letter-spacing: 1.8px;}
+
.buttonblack {padding: 5px 8px;}
+
 
+
}
+
 
+
@media(max-width:640px){
+
.arrow {font-size: 30px;}
+
.titlecircle {width: 60%;}
+
#submenu {width: 80%; margin: 0 auto;}
+
 
+
 
+
}
+
 
+
 
+
 
+
@media(max-width:530px){
+
a.buttonblack {font-size: 10px; letter-spacing: 1.8px;}
+
.bigtitle  {background-image:none;}
+
.titlecircle {width: 60%;}
+
.title2 {font-size: 320%;}
+
#text h4 {line-height: 1.7;}
+
.citecryan {margin-left: 10px;}
+
 
+
 
+
}
+
 
+
@media(max-width: 480px) {
+
.bigtitle p { font-size: 13px; text-align: center;}
+
.titlecircle {width: 70%;}
+
#submenu {width: 90%; margin: 0 auto;}
+
 
+
 
+
 
+
}
+
 
+
@media(max-width: 410px) {
+
.titlecircle {width: 75%;}
+
.title2 {font-size: 300%;}
+
.bigtitle p {line-height: 1.5 !important;}
+
}
+
 
+
@media(max-width: 380px) {
+
.titlecircle {width: 75%; padding-top: 10%;}
+
.bigtitle p {font-size: 12px; line-height: 1.2 !important; letter-spacing: 1px;}
+
.title2 {font-size: 260%;}
+
 
+
}
+
 
+
 
+
@media(max-width: 360px) {
+
.titlecircle {width: 80%;}
+
.title2 {font-size: 240%;}
+
.buttonblack {width: 250px; display: block; line-height: 1.5; margin: 5px auto;}
+
}
+
</style>
+
 
+
 
+
</head>
+
 
+
<body>
+
 
+
<div style="clear: both;"></div>
+
<nav class="mainmenu">
+
<div id="menu" class="menu">
+
+
<div class="menu-items">
+
<div id="igemlogo">
+
<a href="https://2016.igem.org"><img src="https://static.igem.org/mediawiki/2015/7/72/UPOSevillaIgemLogoGrey.png" class="igemlogoo"></a></div>
+
 
+
<div id="igemlogo2">
+
<a href="https://2016.igem.org/Team:Warwick"><img src="https://static.igem.org/mediawiki/2016/2/26/T--Warwick--FinalLogo_and_.jpg " class="igemlogoo" style="float:left;position:fixed;left:90px;top:25px;"> </a>
+
</div>
+
 
+
 
+
<li><a href="https://2016.igem.org/Team:Warwick/Description">Project</a>
+
 
+
   
+
 
+
 
+
+
<li><a href="#">Lab work</a>
+
<ul>
+
 
+
<li><a href="https://2016.igem.org/Team:Warwick/Effectors"> &#9679;  Experiments & Protocols</a></li>
+
<li><a href="https://2016.igem.org/Team:Warwick/Sensors"> &#9679;  Lab book</a></li>
+
<li><a href="https://2016.igem.org/Team:Warwick/Safety"> &#9679;  Biosafety</a></li>
+
<li><a href="https://2016.igem.org/Team:Warwick/Design"> &#9679; Problems Encountered</a></li>
+
<li><a href="https://2016.igem.org/Team:Warwick/Fermentation"> &#9679; Trouble-shooting</a></li>
+
 
+
 
+
</ul>
+
</li>
+
 
+
  <li><a href="https://2016.igem.org/Team:Warwick/HumanAspects">Human Aspects</a>
+
+
</li>
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
+
<li><a href="https://2016.igem.org/Team:Warwick/Teamintroduction">Team Introduction</a></li>
+
 
+
 
+
<li><a href="#">Process</a><ul>
+
  <li><a href="https://2016.igem.org/Team:Warwick/Interlabstudy"> &#9679;  InterLab Study</a></li>
+
<li><a href="https://2016.igem.org/Team:Warwick/Collaborations"> &#9679;  Collaborations</a></li>
+
<li><a href="https://2016.igem.org/Team:Warwick/Notebook"> &#9679;  Notebook</a></li>
+
<li><a href="https://2016.igem.org/Team:Warwick/Modelling"> &#9679;  Modelling</a></li>
+
 
+
 
+
</ul>
+
</li>
+
 
+
<li><a href="#">Outcomes</a><ul>
+
<li><a href="https://2016.igem.org/Team:Warwick/Software">&#9679; Software</a></li>
+
<li><a href="https://2016.igem.org/Team:Warwick/Bactoman">&#9679; Public engagemnt</a></li>
+
<li><a href="https://2016.igem.org/Team:Warwick/Parts"> &#9679; Parts</a></li>  
+
 
+
<li><a href="https://2016.igem.org/Team:Warwick/Achievements"> &#9679;  Achievements</a></li>
+
 
+
</ul></li>
+
 
+
 
+
<li><a href="#">People</a>
+
<ul>
+
                              <li><a href="https://2016.igem.org/Team:Warwick/Education"> &#9679; Education</a></li>
+
                              <li><a href="https://2016.igem.org/Team:Warwick/Sponsors">&#9679; Sponsors</a></li>
+
                              <li><a href="https://2016.igem.org/Team:Warwick/Attributions">&#9679; Attributions</a></li>
+
</ul>
+
</li>
+
 
+
</ul>
+

Revision as of 13:26, 17 October 2016

iGEM Warwick 2016 - Page

Abstract

We created a software tool that uses a DNA strand input, and defines a list of crRNA sites output. These crRNA will bind to the DNA with a strength previously specified by the user, as a percentage of the fold change of the dCas9. It also calculates the approximate structure of the crRNA and displays first the ones which disturb the dCas9 handle the least. To achieve this, it incorporates open source code from RNAfold [1] and code used in the research of Iman Farasat and Howard M. Salis [2] generously provided by them. The aim is to use this tool in order to design PAM proximal promoter sequences, as there is currently no analytical method available for prediction of binding strength between a dCas9 enzyme and PAM sequence.

1. Calculation of the binding energy

The Cas9Calculator, written by Iman Farasat and Howard M. Salis and published in their latest paper [2], is used for all calculations determining the strength of crRNA:DNA binding. For its creation they analysed datasets from different experiments and took into account the effects of supercoiling on adjacent DNA sites, different PAM sites, crRNA:DNA site mismatches, Cas9 and crRNA expression levels, organisms and growth conditions. This allowed them to predict approximately the dynamics of dCas9-based binding and Cas9-based cleavage at all DNA sites. For our calculations, site mismatches are characterised only by their number and position and not the specific genes.

2. Relation between fold change and binding energy

The fold change is the fold difference in gene expression between the case when the dCas9 is bound to the promoter and when it's not bound. Since binding of dCas9 in a CRISPRi system prevents transcription by blocking access to the promoter, the strength of binding of dCas9 determines the fold-repression.

To estimate the relation between these, data from two papers is used. For a given DNA sequence one paper presents the fold change in binding of dCas9 for different number of mutations [3]. The second paper presents the repression activity of a single mutation at different locations[4].

In both cases the RNA:DNA binding is calculated with the Cas9Calculator and then plotted on a logarithmic scale against the fold change (Fig. 1) or one over the repression activity, respectively (Fig. 2). With the exception of few points, correlations seems to be linear and hence the relation is fitted with the following formula:𝑃=𝑒^(−𝛽(𝑚𝑎𝑥𝐺−𝐺))

Where maxG is the Gibbson free energy when there are no mismatches and G is the energy for the given state. P is the fold change between the two states. The coefficient %beta = 1.003074571 is the average of all individual coefficient satisfying the formula (with the exception of the few points noted above).

Pic 02

3. The Algorithm

Once the user inputs a DNA sequence and the desired fold change, the software calculates its required binding energy to the crRNA. Then starting from the perfectly matching crRNA, a random number of mutations is chosen and then for each mutation two further random numbers indicate its position and the replacement gene. This process is repeated 10 000 times where the binding energy of each sequence is calculated using the Cas9calculator. At the end of this step, only sequences with energy within the allowed range are selected.

Next, the dCas9 handle and terminator are added to the crRNA and the RNAfold is called to calculate the structure of the final sequence. This is to determine whether the crRNA will disturb the expression of dCas9 by binding to it. Since for high percentage of fold change, this depends mainly on the initial sequence, for many cases all crRNA sequences bind to the dCas9. Hence, we selected the sequences with at least half of their bases unpaired and show them in ascending order of pairings.

4. Next Steps

Our aim is to launch a website which will run the code described above in real time making it easier to use, thus reaching a wider range of users. So far an interface has been created and the code was successfully run on a local server (Fig. 3,4,5). The tool could be further improved by increasing its precision or decreasing the time it takes to return results. This could happen by fitting the data from section 2 with a different function or developing a more efficient algorithm for creating crRNA sequences. However, the idea behind this tool is simple but could still prove to be efective in the engineering of CRISPR/Cas9 systems.

References

[1] Lorenz, Ronny and Bernhart, Stephan H. and Höner zu Siederdissen, Christian and Tafer, Hakim and Flamm, Christoph and Stadler, Peter F. and Hofacker, Ivo L. ViennaRNA Package 2.0 Algorithms for Molecular Biology, 6:1 26, 2011, doi:10.1186/1748-7188-6-26

[2] Farasat I, Salis HM (2016) A Biophysical Model of CRISPR/Cas9 Activity for Rational Design of Genome Editing and Gene Regulation. PLoS Comput Biol 12(1): e1004724. doi:10.1371/journal.Pcbi.1004724 (http://journals.plos.org/ploscompbiol/article?id=10.1371/journal.pcbi.1004724)

[3] http://nar.oxfordjournals.org/content/41/15/7429.abstract

[4] http://www.sciencedirect.com/science/article/pii/S0092867413002110