Difference between revisions of "Team:Peking/Modeling"

 
(39 intermediate revisions by 5 users not shown)
Line 2: Line 2:
 
<!--[if (gte IE 9)|!(IE)]><html lang="en" class="no-js"> <![endif]-->
 
<!--[if (gte IE 9)|!(IE)]><html lang="en" class="no-js"> <![endif]-->
 
<html lang="en">
 
<html lang="en">
    <head>
+
<head>
        <meta charset="utf-8">
+
  <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <meta name="Peking-iGEM-2015" content="iGEM - Peking iGEM 2015">
+
  <meta name="Peking-iGEM-2015" content="iGEM - Peking iGEM 2015">
        <!--add  ?action=raw&amp;ctype=text/css    when using Css-->
+
  <!--add  ?action=raw&amp;ctype=text/css    when using Css-->
        <link rel="stylesheet" href="https://2015.igem.org/Template:Peking/CSS?action=raw&amp;ctype=text/css" type="text/css" media="screen">
+
<link rel="stylesheet" href="https://2015.igem.org/Template:Peking/new?action=raw&amp;ctype=text/css" type="text/css" media="screen">
        <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/CSS/Style?action=raw&amp;ctype=text/css" media="screen">
+
  <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Style/new?action=raw&amp;ctype=text/css" media="screen">
        <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/CSS/Responsive?action=raw&amp;ctype=text/css" media="screen">
+
  <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Responsive/new?action=raw&amp;ctype=text/css" media="screen">
        <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/CSS/Animate?action=raw&amp;ctype=text/css" media="screen">
+
  <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Animate/new?action=raw&amp;ctype=text/css" media="screen">
        <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Blue?action=raw&amp;ctype=text/css " title="blue" media="screen" />
+
  <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Blue/new?action=raw&amp;ctype=text/css " title="blue" media="screen" />
        <style type="text/css">
+
  <style type="text/css">/*get rid of the annoying iGEM style*/
        /*get rid of the annoying iGEM style*/
+
      #content{padding:0;border:0;width:100%;}
        #content{padding:0;border:0;width:100%;}
+
      .firstHeading{visibility:hidden;}
        .firstHeading{visibility:hidden;}
+
      h2{border-bottom:none;padding-bottom:.5em;}  
        h2{border-bottom:none;padding-bottom:.5em;}
+
      .carousel-control.left, .carousel-control.right{background-image: none}
        .carousel-control.left, .carousel-control.right {background-image:none;}
+
    /* to style the sidebar*/
        /*universal style*/
+
 
         @media (min-width:1024px){
 
         @media (min-width:1024px){
        #sidebar1{position:relative;top:120px;}
+
      #sidebar1{position:relative;top:120px;max-width:200px;}
        #sidebar2{display:none;}
+
      #sidebar2{display:none;}
        #nav-top{height:88px;}
+
      #nav-top{height:88px;}
        }
+
    }
        @media (max-width: 1023px){
+
      @media (max-width: 1023px){
        #sidebar1{display:none;}
+
      #sidebar1{display:none;}
        #sidebar2{display:block;}
+
      #sidebar2{display:block;}
        }
+
    }
        .back-to-top{z-index:9999;}
+
    .back-to-top{z-index:9999;}
        /* to style the team page*/
+
    ul.dropdown{margin-left: 0px; margin-top: 0px;}
        .individual-picture{max-width:200px;margin-top:15px; margin-bottom:10px; }
+
    .classic-title span {
        .small-formula-inline{max-height:20px;}
+
    position: absolute;
        .formula-inline{max-height:30px;}
+
    margin-top: -30px;
        .big-formula-inline{max-height:60px;}
+
    border-bottom-color: #00afd1;
        .formula-line{max-height:60px;margin-top:0px; margin-bottom:0px;}
+
}
         .big-formula-line{max-height:80px;margin-top:0px; margin-bottom:0px;}
+
.page-banner{
         ul.disc {list-style-type:disc;}
+
  background-color:#e0e0e0;margin-top:1%;margin-bottom:20px;padding:20px;padding-top:40px;
         ul.circle {list-style-type:circle;}
+
}
         ul.square {list-sty
+
         #top_menu_inside, #top_menu_inside:before, #top_menu_inside:after { -webkit-box-sizing: content-box; -moz-box-sizing: border-box; box-sizing: content-box;}  
            le-type:square;}
+
         #top_menu_under{font-size: 12px;}
        </style>
+
         #top_menu_14{font-size: 12px; height:18px}
    </head>
+
         #top_menu_inside li{font-size: 12px;}
    <body>
+
        #user_item{font-size: 12px;}
        <!-- Container -->
+
</style>
        <div id="container">
+
</head>
            <!-- Start Header -->
+
 
            <header class="clearfix" id="fixedNav">
+
<body>
                <!-- Start  Logo & Naviagtion  -->
+
  <!-- Container -->
                <div class="navbar navbar-default navbar-top">
+
  <div id="container">
                    <div class="container">
+
    <!-- Start Header -->
                        <div class="navbar-header" >
+
    <header class="clearfix">
                            <!-- Stat Toggle Nav Link For Mobiles -->
+
        <!-- Start  Logo & Naviagtion  -->
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" style="margin-top:40px">
+
            <div class="navbar navbar-default navbar-top">
                             <i class="fa"><img style="margin-left:0;height:30px;"src="https://static.igem.org/mediawiki/2015/4/45/Peking-Hambergur-1.png" ></i>
+
                <div class="container">
                            </button>
+
                    <div class="navbar-header" >
                            <!-- End Toggle Nav Link For Mobiles -->
+
                        <!-- Stat Toggle Nav Link For Mobiles -->
                            <a class="navbar-brand" href="https://2015.igem.org/Team:Peking">
+
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" style="margin-top:40px">
                                <img alt="Peking iGEM 2015" src="https://static.igem.org/mediawiki/2015/8/8b/Peking-header-logo-1.png" style="height:55px;margin-top:7px">
+
                             <i class="fa"><img style="margin-left:0;height:30px;"src="https://static.igem.org/mediawiki/2015/4/45/Peking-Hambergur-1.png" ></i>
                            </a>
+
                        </button>
                        </div>
+
                        <!-- End Toggle Nav Link For Mobiles -->
                        <div class="navbar-collapse collapse" style="padding-top:5px;padding-bottom:0">
+
                        <a class="navbar-brand" href="https://2015.igem.org/Team:Peking">
                            <!-- Start Navigation List -->
+
                            <img alt="Peking iGEM 2015" src="https://static.igem.org/mediawiki/2015/8/8b/Peking-header-logo-1.png" style="height:55px;margin-top:7px">
                                               <ul class="nav navbar-nav navbar-right " style="padding-bottom:15px;height:88px;padding-top:10px">
+
                        </a>
 +
                    </div>
 +
                    <div class="navbar-collapse collapse" style="padding-top:5px;padding-bottom:0">
 +
                        <!-- Start Navigation List -->
 +
                                               <ul class="nav navbar-nav navbar-right " style="padding-bottom:15px;padding-top:10px">
 
                             <li>
 
                             <li>
 
                                 <a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Achievements</a>
 
                                 <a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Achievements</a>
Line 79: Line 82:
 
                                     <li><a href="https://2015.igem.org/Team:Peking/Design">Overview</a>
 
                                     <li><a href="https://2015.igem.org/Team:Peking/Design">Overview</a>
 
                                     </li>
 
                                     </li>
                                     <li><a href="https://2015.igem.org/Team:Peking/Design/PC_Reporter">Paired dCas9 Reporter</a>
+
                                     <li><a href="https://2015.igem.org/Team:Peking/Design/PC_Reporter">Paired <span style="text-transform:lowercase">d</span>Cas9 Reporter</a>
                                    </li>
+
                                    <li><a href="https://2015.igem.org/Team:Peking/Design/Isothermal">Iso-thermal Amplification</a>
+
 
                                     </li>
 
                                     </li>
                                     <li><a href="https://2015.igem.org/Team:Peking/Design/Array">Array-based diagnosis</a>
+
                                     <li><a href="https://2015.igem.org/Team:Peking/Design/Isothermal">Iso-<span style="text-transform:lowercase">t</span>hermal Amplification</a>
 
                                     </li>
 
                                     </li>
 
                                     <li><a href="https://2015.igem.org/Team:Peking/Device">Hardware</a>
 
                                     <li><a href="https://2015.igem.org/Team:Peking/Device">Hardware</a>
Line 96: Line 97:
 
                                     <li><a class="active" href="https://2015.igem.org/Team:Peking/Modeling">Array Design</a>
 
                                     <li><a class="active" href="https://2015.igem.org/Team:Peking/Modeling">Array Design</a>
 
                                     </li>
 
                                     </li>
                                     <li><a href="https://2015.igem.org/Team:Peking/Modeling/Analysis">Analysis algorithm</a>
+
                                     <li><a href="https://2015.igem.org/Team:Peking/Modeling/Analysis">Analysis Algorithm</a>
 
                                     </li>
 
                                     </li>
 
                                 </ul>
 
                                 </ul>
Line 130: Line 131:
 
                         </ul>
 
                         </ul>
 
                         <!-- End Navigation List -->
 
                         <!-- End Navigation List -->
                        </div>
 
                    </div>
 
                </div>
 
                <!-- End Header Logo & Naviagtion -->
 
            </header>
 
            <!-- End Header Section -->
 
            <!-- Start Page Banner -->
 
            <div class="page-banner" style="background-color:#e0e0e0;margin-top:1%;margin-bottom:20px;">
 
                <div class="container">
 
                    <div class="row">
 
                        <div class="col-md-6">
 
                            <h2><b>Modeling</b></h2>
 
                            <p>Specificity!!!!</p>
 
                        </div>
 
                        <div class="col-md-6">
 
                            <ul class="breadcrumbs">
 
                                <li><a href="https://2015.igem.org/Team:Peking">Home</a></li>
 
                                <li>Modeling</li>
 
                            </ul>
 
                        </div>
 
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
             <!-- End Page Banner -->
+
             <!-- End Header Logo & Naviagtion -->
             <!-- Start Content -->
+
           
            <div id="content">
+
        </header>
                <div class="container">
+
        <!-- End Header Section -->
                    <div class="row blog-page">
+
   
                        <!--Sidebar-->
+
   
 +
    <!-- Start Page Banner -->
 +
    <div class="page-banner">
 +
      <div class="container">
 +
        <div class="row">
 +
          <div class="col-md-6">
 +
             <h2 style="font-size:20px; margin-bottom:5px; padding-bottom:0">M<span style="text-transform:lowercase">odeling</span></h2>
 +
            <p style="margin-top:0px;font-size:14px" id="Modeling-Overview">The purpose of models is not to fit the data but to sharpen the questions. </p>
 +
          </div>
 +
          <div class="col-md-6">
 +
            <ul class="breadcrumbs">
 +
              <li><a href="https://2015.igem.org/Team:Peking">Home</a></li>
 +
              <li>Modeling</li>
 +
            </ul>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <!-- End Page Banner -->
 +
 
 +
    <!-- Start Content -->
 +
    <div id="content">
 +
      <div class="container">
 +
        <div class="row blog-page">
 +
                 
 +
          <!--Sidebar-->
 
                         <div class="col-md-3 sidebar left-sidebar">
 
                         <div class="col-md-3 sidebar left-sidebar">
 
                             <!-- Sidebar for windows > 1024px -->
 
                             <!-- Sidebar for windows > 1024px -->
 
                             <div id="sidebar1"class="widget widget-categories">
 
                             <div id="sidebar1"class="widget widget-categories">
                                 <h4 style="font-size:18px">Marker Finder<span class="head-line"></span></h4>
+
                                 <h4 style="font-size:18px">M<span style="text-transform:lowercase">arker Finder</span><span class="head-line"></span></h4>
 
                                 <ul>
 
                                 <ul>
 
                                     <li><a href="#Modeling-Overview">Overview</a></li>
 
                                     <li><a href="#Modeling-Overview">Overview</a></li>
Line 171: Line 177:
 
                             <!-- Sidebar for windows < 1024px -->
 
                             <!-- Sidebar for windows < 1024px -->
 
                             <div id="sidebar2"class="widget widget-categories">
 
                             <div id="sidebar2"class="widget widget-categories">
                                 <h4 style="font-size:18px">Marker Finder<span class="head-line"></span></h4>
+
                                 <h4 style="font-size:18px">M<span style="text-transform:lowercase">arker Finder</span><span class="head-line"></span></h4>
 
                                 <ul>
 
                                 <ul>
 
                                     <li><a href="#Modeling-Overview">Overview</a></li>
 
                                     <li><a href="#Modeling-Overview">Overview</a></li>
Line 180: Line 186:
 
                         </div>
 
                         </div>
 
                         <!--End sidebar-->
 
                         <!--End sidebar-->
                        <!-- Page Content -->
+
<!-- Page Content -->
                        <div class="col-md-9 page-content">
+
          <div class="col-md-9 page-content" style="text-align:justify;">
                            <div id="Modeling-Marker Finder">
+
            <div id="Modeling-Marker Finder">
 
                                 <!-- Classic Heading -->
 
                                 <!-- Classic Heading -->
                             <div id="Modeling-Overview" class="col-md-12" style="padding:0">
+
                             <div class="col-md-12" style="padding:0">
 
                                 <h3 class="classic-title" style='margin-top:50px'><span>Overview</span></h3>
 
                                 <h3 class="classic-title" style='margin-top:50px'><span>Overview</span></h3>
 
                                 <!-- Some Text -->
 
                                 <!-- Some Text -->
                                 <p>To increase the accuracy and specificity of the detection, we developed an assay over our Paired dCas9 Reporter (PC Reporter) System to get more sequence information from the target genome. The core as well as the first step of the design of the array is to screen over the entire genome and get paired specific sequences (CRISPR target sites) with high specificity as markers. <br>
+
                                 <p>Though single marker detection using PC reporter works well in lab, in clinical diagnosis of MTB there can be more disturbance, which may mislead the diagnosis. To increase the reliability of the detection , we designed MTB multi-marker array. To select all MTB specific markers through out MTB genome and facilitate array experiment, we developed an algorithm named SSPD, which consists of 4 steps:
                                    We develop a method named SSPD to achieve our aim, which is composed of 4 steps: <br>
+
                                     <ol style="margin-top:0;margin-bottom:0;color:#606060">
                                     <ul class='disc'>
+
                                         <li style="margin-bottom:6px">Search for all target candidates</li>
                                         <li>Search for guide sequences of gRNA candidates</li>
+
                                         <li style="margin-bottom:6px">Select MTB specific targets</li>
                                         <li>Specificity test for each candidate</li>
+
                                         <li style="margin-bottom:6px">Pair left and right target sites as markers</li>
                                         <li>Pair left and right target sites with optimal spacer length</li>
+
                                         <li style="margin-bottom:6px">Determine PCR fragments</li>
                                         <li>Design PCR fragments</li>
+
                                     </ol>
                                     </ul>
+
                                     <p>Notice that a target has the same sequence with corresponding sgRNA guide sequence, selecting MTB specific target is thus equivalent to selecting sgRNA.<br/>
                                     We will introduce each step in detail separately with analysis about Mycobacterium tuberculosis (MTB) genome as an example. After the target sites are chosen, we developed an Oligo Generator to turn the target sites into oligonucleotides sequences for following sgRNA construction combined with our gRNA generator (Part).
+
                                    In <span id="Modeling-SSPD">addition</span>, we designed Oligo Generator to generate oligo sequences from corresponding targets, together with sgRNA generator, it facilitates multiple sgRNA construction. The code can be found <a href="https://static.igem.org/mediawiki/2015/a/a6/Peking-Modeling-MarkerFinder.zip" style="color:#00afd1">here</a> with a report <a href="https://static.igem.org/mediawiki/2015/2/21/Code_Document.pdf" style="color:#00afd1">here</a>.
 
                                 </p>
 
                                 </p>
 
                             </div>
 
                             </div>
 
                             <!--Modeling-SSPD-->
 
                             <!--Modeling-SSPD-->
 +
 +
 
                             <!-- Classic Heading -->
 
                             <!-- Classic Heading -->
                             <div id="Modeling-SSPD" class="col-md-12" style="padding:0">
+
                             <div class="col-md-12" style="padding:0">
 
                                 <h3 class="classic-title" style='margin-top:50px'><span>SSPD Methods</span></h3>
 
                                 <h3 class="classic-title" style='margin-top:50px'><span>SSPD Methods</span></h3>
 
                                 <!--Modeling-SSPD-S1-->
 
                                 <!--Modeling-SSPD-S1-->
 
                                 <div id="SSPD-S1" class='col-md-12' style='margin:0; padding:0'>
 
                                 <div id="SSPD-S1" class='col-md-12' style='margin:0; padding:0'>
                                     <h4><em>Search for guide sequences of gRNA candidates</em></h4>
+
                                     <p><b><large>Search for guide sequences of gRNA candidates</large></b></p>
                                     <p>Recall the structure of Paired dCas9 Reporter (PC Reporter) System, a protospacer adjacent motif (PAM) sequence in the form of 5’-NGG-3’ at 3’ end of guide sequence, usually 20bp, on the non-complementary strand. (Figure 1) As it was showed in our experimental results that PAM-out orientation (5’-CCNN20-…-N20NGG-3’) was highly efficient for PC Reporter system to work, thus our model would focus on this orientation. (However, it can be more convenient to adjust our program for guide sequence design also with other orientations. See more in <a href=""><b>Supplementary Information 1 </b></a>)
+
 
 +
 
 +
                                     <p>The CRISPR/dCas9 requires a protospacer adjacent motif (PAM) sequence in the form of 5’-NGG-3’ downstream the target sequence to bind to the target. (Figure 1) Since our experimental results shows that PAM-out orientation (5’-CCN(N)<sub>20</sub>-…-(N)<sub>20</sub>NGG-3’) was highly efficient for PC Reporter system to work, our model focused on this orientation. (It is convenient to adjust our program for guide sequence design with other orientations. See more in <a href="https://static.igem.org/mediawiki/2015/a/a7/Peking-Modeling-Supplementary.pdf" style="color:#00afd1">Supplementary Information 1 </a>)
 
                                     </p>
 
                                     </p>
                                     <div id="Modeling_Fig1">
+
 
                                         <img alt="Modeling_Fig1" src="https://static.igem.org/mediawiki/2015/9/94/Peking_Modeling_Figure1.png" style='maxwidth:200px'>
+
                                     <div id="Modeling_Fig1">
                                         <p>Figure 1. Schematic illustration of guide design in PAM-out orientation. Note the 20nt guide sequence is identical to target non-complementary strand.</p>
+
                                    <div class='row'>
 +
                                        <div class='col-md-1'></div>
 +
                                        <div class="col-md-10">
 +
                                         <img alt="Modeling_Fig1" src="https://static.igem.org/mediawiki/2015/9/94/Peking_Modeling_Figure1.png">
 +
                                      </div>
 +
                                        <div class='col-md-1'></div>
 +
                                      </div>
 +
                                      <div class="col-md-12">
 +
                                         <p><b>Figure 1. Schematic illustration of guide design in PAM-out orientation.</b> Note that the 20nt guide sequence is identical to target.</p>
 +
                                      </div>
 
                                     </div>
 
                                     </div>
                                     <p>We took advantage of Python 3.4.3 build-in regular expression to search for left guide sequences of gRNA (‘(?<=cc).(?=.{20})’) and right guide sequences of gRNA (‘(?<=.{20}).(?=gg)’) separately, which would be paired later for PC reporter system to function.
+
 
 +
                                     <p>We took advantage of Python 3.4.3 build-in regular expression to search for left guide sequences of gRNA <i>(‘(?<=cc).(?=.{20})’)</i> and right guide sequences of gRNA <i>(‘(?<=.{20}).(?=gg)’)</i> separately, which would be paired later for PC reporter system to function.
 
                                     </p>
 
                                     </p>
                                     <div id="Modeling_Table1">
+
                                     <div id="Modeling_Table1" style="color:#606060">
                                         <p class='col-md-1'></p>
+
                                         <p class='col-md-3'></p>
                                         <table border='1' style='margin:10px;padding:10px' class='col-md-6'>
+
                                         <table class='col-md-6 table table-bordered'>
                                             <tr>
+
                                             <tr style="color:#606060">
                                                 <td>Left gRNA candidates (CCNN20)</td>
+
                                                 <td>Left gRNA candidates &nbsp; (CCN(N)<sub>20</sub>)</td>
 
                                                 <td>414962</td>
 
                                                 <td>414962</td>
 
                                             </tr>
 
                                             </tr>
                                             <tr>
+
                                             <tr style="color:#606060">
                                                 <td>Right gRNA candidates (CCNN20)</td>
+
                                                 <td>Right gRNA candidates ((N)<sub>20</sub>NGG)</td>
 
                                                 <td>407371</td>
 
                                                 <td>407371</td>
 
                                             </tr>
 
                                             </tr>
 
                                         </table>
 
                                         </table>
                                         <p class='col-md-12'>Table 1. The number of gRNA candidates in Mycobacterium Tuberculosis genome</p>
+
                                         <p class='col-md-12'><b>Table 1.</b> The number of gRNA candidates in <i>Mycobacterium Tuberculosis</i> genome</p>
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
 +
 +
                               
 
                                 <div id="SSPD-S2" class='col-md-12' style='margin:0; padding:0'>
 
                                 <div id="SSPD-S2" class='col-md-12' style='margin:0; padding:0'>
                                     <h4><em>Specificity test for each candidate</em></h4>
+
                                      
                                     <p>Specificity of guide sequence of gRNA here is defined as the probability of the gRNA binds to the corresponding target site instead of other similar non-target sites. It is measured by taking both quantity of potential off-target sites and similarity between off-target sites and the unique target site into consideration. Since sputum sample is commonly used in MTB detection, we compared our guide sequence candidates with Human Oral Meta-Genome (HOMG), and reserved the specific sequences orthogonal to oral meta-genome to avoid false positive signals in MTB detection. Here we adopted a BLAST-based 2-step filter approach to realize it. In general, the two steps are: a) Filter out guides with off-targets that have 12 bp PAM-proximal sequence identical to corresponding target; b) Score the reserved gRNA on specificity. The principle of the score-rule is that higher specificity should get higher score (see the detail below). Thus we can easily filter out guides with high off-target probability, which is indicated by a low score.
+
 
 +
                                    <p><b><large>Specificity test for each candidate</large></b></p>
 +
                                     <p>Specificity of guide sequence of gRNA here is defined as the probability of the gRNA binds to the corresponding target site instead of other similar non-target sites. It is measured by taking both quantity of potential off-target sites and similarity between off-target sites and the unique target site into consideration. Since we hope to take sample directly from human mouth, we compared our guide sequence candidates with Human Oral Meta-Genome (HOMG), and reserved only the orthogonal ones to avoid false positive in MTB detection. We adopted a BLAST-based 2-step filtration approach to realize it. In general, the two steps are: a) Filter out guides with off-targets that have 12 bp PAM-proximal sequence identical to corresponding target; b) Score the reserved gRNA on specificity. The principle of the score-rule is that higher specificity should get higher score (see the detail below). Thus we can easily filter out guides with high off-target probability, which is indicated by a low score.
 
                                     </p>
 
                                     </p>
 
                                     <div id="SSPD-filter1" class='col-md-12' style='margin:0; padding:0'>
 
                                     <div id="SSPD-filter1" class='col-md-12' style='margin:0; padding:0'>
                                     <h5><em>a) PAM-proximal 12bp filtration by BLAST</em></h5>
+
                                     <p><b>a) PAM-proximal 12bp filtration by BLAST</b></p>
                                     <p>Previous research has demonstrated that SpCas9 tolerates mismatches to a greater extent in the PAM-distal region than the PAM-proximal region, and the PAM-proximal 8-12nt of the target largely determine the specificity of the targets. Guide sequences of gRNA whose target has identical PAM-proximal 12nt off-targets is highly possible to hit off target, which suggest its fate of being eliminated. Remaining guides are uploaded to BLAST again for potential off-target site finding, target similar sequences found by BLAST are recorded as all off-target sites for the second filtration, those ignored are considered not contributing to off-target.  
+
                                     <p>Previous research has demonstrated that SpCas9 tolerates mismatches to a greater extent in the PAM-distal region than the PAM-proximal region, and the PAM-proximal 8-12nt of the target largely determine the specificity of the targets. Guide sequences of gRNA whose target has identical PAM-proximal 12nt off-targets is highly possible to hit off target, which suggest its fate of being eliminated. Remaining guides are uploaded to BLAST again for potential off-target site finding.  Sequences that are similar to target and found by BLAST are recorded as all off-target sites for the second filtration, those ignored are considered not contributing to off-target.  
 
                                     </p>
 
                                     </p>
                                         <div id="Modeling_Table2">
+
                                         <div id="Modeling_Table2" style="color:#606060">
                                             <p class='col-md-1'></p>
+
                                             <p class='col-md-3'></p>
                                             <table border='1' style='margin:10px;padding:10px' class='col-md-6'>
+
                                             <table class=' table col-md-6 table-bordered'>
                                                 <tr>
+
                                                 <tr style="color:#606060">
                                                     <td>Left gRNA candidates (CCNN20)</td>
+
                                                     <td>Left gRNA candidates &nbsp;(CCN(N)<sub>20</sub>)</td>
 
                                                     <td>55156</td>
 
                                                     <td>55156</td>
 
                                                 </tr>
 
                                                 </tr>
                                                 <tr>
+
                                                 <tr style="color:#606060">
                                                     <td>Right gRNA candidates (CCNN20)</td>
+
                                                     <td>Right gRNA candidates ((N)<sub>20</sub>NGG)</td>
 
                                                     <td>54938</td>
 
                                                     <td>54938</td>
 
                                                 </tr>
 
                                                 </tr>
 
                                             </table>
 
                                             </table>
                                             <p class='col-md-12'>Table 2. The number of gRNA candidates left after the first filtration in Mycobacterium Tuberculosis genome</p>
+
                                             <p class='col-md-12'><b>Table 2.</b> The number of gRNA candidates left after the first filtration in <i>Mycobacterium Tuberculosis</i> genome</p>
 
                                         </div>
 
                                         </div>
 
                                     </div>
 
                                     </div>
 
                                     <div id="SSPD-filter2" class='col-md-12' style='margin:0; padding:0'>
 
                                     <div id="SSPD-filter2" class='col-md-12' style='margin:0; padding:0'>
                                         <h5><em>b) Score filtration </em></h5>
+
                                         <p><b>b) Score filtration </b></p>
 
                                         <p>Our initial filtration significantly reduce computation by limiting guide sequence score operation to only most possible off-target sites rather than entire subject. We then use Zhang Lab score methods to give an off-target effects measurement of the guide sequences. For each guide candidates, scoring process includes two steps: firstly,each of the individual off-target sites is assigned an “individual score”, then all individual scores are aggregated to an overall score of the given guide sequence.The algorithm used to score single off-target sites is as below.
 
                                         <p>Our initial filtration significantly reduce computation by limiting guide sequence score operation to only most possible off-target sites rather than entire subject. We then use Zhang Lab score methods to give an off-target effects measurement of the guide sequences. For each guide candidates, scoring process includes two steps: firstly,each of the individual off-target sites is assigned an “individual score”, then all individual scores are aggregated to an overall score of the given guide sequence.The algorithm used to score single off-target sites is as below.
 
                                         </p>
 
                                         </p>
                                         <div align='center'>
+
                                          
                                         <img class='big-formula-line' alt="Peking-Modeling-single_score.gif" src="https://static.igem.org/mediawiki/2015/e/e6/Peking-Modeling-single_score.gif">
+
                                          <div class="row"id="fig1">
 +
                                            <div class="col-md-2"></div>
 +
                                            <div class="col-md-8">
 +
                                         <img class='huge-formula-line' alt="Peking-Modeling-single_score.gif" src="https://static.igem.org/mediawiki/2015/e/e6/Peking-Modeling-single_score.gif">
 
                                         </div>
 
                                         </div>
                                         <div align='center'>
+
                                         <div class="col-md-2"></div>
                                         <img class='formula-inline' alt="Peking-Modeling-single_site_mismatch_list.gif" src="https://static.igem.org/mediawiki/2015/7/7e/Peking-Modeling-single_site_mismatch_list.gif">
+
                                      </div>
 +
                                          
 +
                                        <div class="row"id="fig2">
 +
                                         
 +
                                            <div class="col-md-12">
 +
                                      <img class='formula-inline' alt="Peking-Modeling-single_site_mismatch_list.gif" src="https://static.igem.org/mediawiki/2015/7/7e/Peking-Modeling-single_site_mismatch_list.gif">
 
                                         </div>
 
                                         </div>
 +
                                       
 +
                                      </div>
 +
                                       
 +
                                     
 
                                         <p>
 
                                         <p>
                                         In the first term, <i>e</i> runs over the mismatch positions set <img class='small-formula-inline' alt="Peking-Modeling-set_M.gif" src="https://static.igem.org/mediawiki/2015/6/6d/Peking-Modeling-set_M.gif"> between the guide and the off-target site, with <img class='small-formula-inline' alt="Peking-Analysis-W.gif" src="https://static.igem.org/mediawiki/2015/6/6e/Peking-Analysis-W.gif"> representing the experimentally-determined effect of mismatch position on targeting. Term two refers to the effect caused by mean pairwise distance between mismatches(<img class='formula-inline' alt="Peking-Modeling-d_mean.gif" src="https://static.igem.org/mediawiki/2015/3/32/Peking-Modeling-d_mean.gif">). Term three represent a dampening penalty for highly mismatched off-targets, where <img class='formula-inline' alt="Peking-Modeling-n_m.gif" src="https://static.igem.org/mediawiki/2015/e/ea/Peking-Modeling-n_m.gif"> refers to the number of mismatches.  
+
                                         In the first term, <i>e</i> runs over the mismatch positions set <img class='small-formula-inline' alt="Peking-Modeling-set_M.gif" src="https://static.igem.org/mediawiki/2015/6/6d/Peking-Modeling-set_M.gif" style="width:25px"> between the guide and the off-target site, with <img class='small-formula-inline' alt="Peking-Analysis-W.gif" src="https://static.igem.org/mediawiki/2015/6/6e/Peking-Analysis-W.gif" style="width:25px"> representing the experimentally-determined effect of mismatch position on targeting. Term two refers to the effect caused by mean pairwise distance between mismatches(<img class='formula-inline' alt="Peking-Modeling-d_mean.gif" src="https://static.igem.org/mediawiki/2015/3/32/Peking-Modeling-d_mean.gif" style="width:25px">). Term three represent a dampening penalty for highly mismatched off-targets, where <img class='formula-inline' alt="Peking-Modeling-n_m.gif" src="https://static.igem.org/mediawiki/2015/e/ea/Peking-Modeling-n_m.gif" style="width:25px"> refers to the number of mismatches.  
 
                                         </p>
 
                                         </p>
 +
 +
 
                                         <div id="Modeling_Fig2">
 
                                         <div id="Modeling_Fig2">
 +
                                          <div class="row">
 +
                                            <div class="col-md-1"></div>
 +
                                            <div class="col-md-10">
 
                                             <img alt="Peking_Modeling_Figure2.png" src="https://static.igem.org/mediawiki/2015/4/48/Peking_Modeling_Figure2.png">
 
                                             <img alt="Peking_Modeling_Figure2.png" src="https://static.igem.org/mediawiki/2015/4/48/Peking_Modeling_Figure2.png">
                                             <p>Figure 2. Schematic illustration of an off-target site. The 20 bps are numbered sequentially from the one most distant to PAM, and the red 7, 12, 19 represents the mismatches in the off-target sites.</p>
+
                                          </div>
 +
                                          <div class="col-md-1"></div>
 +
                                        </div>
 +
                                        <div class="col-md-12">
 +
                                             <p><b>Figure 2. Schematic illustration of an off-target site.</b> The 20 bps are numbered sequentially from the one most distant to PAM, and the red 7, 12, 19 represents the mismatches in the off-target sites.</p>
 +
                                          </div>
 
                                         </div>
 
                                         </div>
 
                                         <p>
 
                                         <p>
 
                                         Here we show an example (Figure 2) to help readers understand this formula better. Nucleotides are numbered sequentially from the one most distant to PAM, and mismatches in the off-target sites are emphasized by red sign. In this case, W(7)= 0.317, W(12)=0.508, W(19)=0.583; d<sub>mean</sub>=(d<sub>(7,12)</sub>+d<sub>(7,19)</sub>+d<sub>(12,19)</sub>)/3=7; n<sub>m</sub>=3. Therefore, the off-target site shown above has an individual score of 0.004415278985074628. A higher individual score for an off target site indicates a higher similarity to the target, and thus a higher likelihood of the CRISPR/Cas9 complex binding to the off-target site. Once individual off-target have been scored, each guide is assigned an overall score:
 
                                         Here we show an example (Figure 2) to help readers understand this formula better. Nucleotides are numbered sequentially from the one most distant to PAM, and mismatches in the off-target sites are emphasized by red sign. In this case, W(7)= 0.317, W(12)=0.508, W(19)=0.583; d<sub>mean</sub>=(d<sub>(7,12)</sub>+d<sub>(7,19)</sub>+d<sub>(12,19)</sub>)/3=7; n<sub>m</sub>=3. Therefore, the off-target site shown above has an individual score of 0.004415278985074628. A higher individual score for an off target site indicates a higher similarity to the target, and thus a higher likelihood of the CRISPR/Cas9 complex binding to the off-target site. Once individual off-target have been scored, each guide is assigned an overall score:
 
                                         </p>
 
                                         </p>
                                         <div>
+
                                     
                                        <div align='center'>
+
                                         <div class="row" id ="figgggg">
 +
                                          <div class="col-md-4"></div>
 +
                                          <div class="col-md-4">
 
                                         <img class='big-formula-line' alt="Modeling_Fm3" src="https://static.igem.org/mediawiki/2015/d/d6/Peking-Modeling-All_score.gif">
 
                                         <img class='big-formula-line' alt="Modeling_Fm3" src="https://static.igem.org/mediawiki/2015/d/d6/Peking-Modeling-All_score.gif">
 
                                         </div>
 
                                         </div>
                                         <p> <i>h</i> runs over the potential off-target set <img class='small-formula-inline' alt="Peking-Modeling-set_T.gif" src="https://static.igem.org/mediawiki/2015/a/a0/Peking-Modeling-set_T.gif"> of guide sequence </p>
+
                                        <div class="col-md-4"></div>
 +
                                      </div>
 +
                                         <p> <i>h</i> runs over the potential off-target set <img class='small-formula-inline' alt="Peking-Modeling-set_T.gif" src="https://static.igem.org/mediawiki/2015/a/a0/Peking-Modeling-set_T.gif" style="width:25px"> of guide sequence </p>
 
                                         </div>
 
                                         </div>
 
                                         <p>A higher overall score indicates a better guide with few or weak potential off-targets. Guides with individual off-target sites score 2% or above are eliminated, the remaining are ranked in the order of overall score from 100% to 0%, with a list of off-targets presented in individual score descending order. Guides having an overall score of greater than 45% are reserved finally while others were filtered out in case their lack of specificity.
 
                                         <p>A higher overall score indicates a better guide with few or weak potential off-targets. Guides with individual off-target sites score 2% or above are eliminated, the remaining are ranked in the order of overall score from 100% to 0%, with a list of off-targets presented in individual score descending order. Guides having an overall score of greater than 45% are reserved finally while others were filtered out in case their lack of specificity.
 
                                         </p>
 
                                         </p>
                                         <div id="Modeling_Table3">
+
                                         <div id="Modeling_Table3" style="color:#606060">
                                             <p class='col-md-1'></p>
+
                                             <p class='col-md-3'></p>
                                             <table border='1' style='margin:10px;padding:10px' class='col-md-6'>
+
                                             <table class='col-md-6 table table-bordered'>
 
                                                 <tr>
 
                                                 <tr>
                                                     <td>Left gRNA candidates (CCNN20)</td>
+
                                                     <td>Left gRNA candidates &nbsp; (CCN(N)<sub>20</sub>)</td>
 
                                                     <td>54417</td>
 
                                                     <td>54417</td>
 
                                                 </tr>
 
                                                 </tr>
 
                                                 <tr>
 
                                                 <tr>
                                                     <td>Right gRNA candidates (CCNN20)</td>
+
                                                     <td>Right gRNA candidates ((N)<sub>20</sub>NGG)</td>
 
                                                     <td>54288</td>
 
                                                     <td>54288</td>
 
                                                 </tr>
 
                                                 </tr>
 
                                             </table>
 
                                             </table>
                                             <p class='col-md-12'>Table 2. The number of gRNA candidates left after the first filtration in Mycobacterium Tuberculosis genome</p>
+
                                             <p class='col-md-12'><b>Table 2.</b> The number of gRNA candidates left after the first filtration in <i>Mycobacterium Tuberculosis</i> genome</p>
 
                                         </div>
 
                                         </div>
 
                                         <div id="Modeling_Fig3">
 
                                         <div id="Modeling_Fig3">
Line 298: Line 348:
 
                                         <p class='col-md-1'></p>
 
                                         <p class='col-md-1'></p>
 
                                         <img class='col-md-9' alt="Peking_Modeling_score_filtration.png" src="https://static.igem.org/mediawiki/2015/5/5b/Peking_Modeling_score_filtration.png">
 
                                         <img class='col-md-9' alt="Peking_Modeling_score_filtration.png" src="https://static.igem.org/mediawiki/2015/5/5b/Peking_Modeling_score_filtration.png">
                                         <p class='col-md-12'>Figure 3. Analysis of the guide sequences scores after score filtration. (a)Overall score distribution of guide sequences after the second step filtration. Most sequences have scores more than 97. (b)Ratio of reserved guides (i.e. the number of guide sequences reserved after score filtration / the number of guide sequences after first filtration) is approximately 1 on higher score gRNA and 0 on lower score gRNA.ure 1. Schematic illustration of guide design in PAM-out orientation. Note the 20nt guide sequence is identical to target non-complementary strand.</p>
+
                                         <p class='col-md-12'><b>Figure 3. Analysis of the guide sequences scores after score filtration.</b> <b>(a)</b>Overall score distribution of guide sequences after the second step filtration. Most sequences have scores more than 97. <b>(b)</b>Ratio of reserved guides (i.e. the number of guide sequences reserved after score filtration / the number of guide sequences after first filtration) is approximately 1 on higher score gRNA and 0 on lower score gRNA.ure 1. Schematic illustration of guide design in PAM-out orientation. Note the 20nt guide sequence is identical to target non-complementary strand.</p>
 
                                         </div>
 
                                         </div>
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
 +
 +
 +
 
                                 <div id="SSPD-P" class='col-md-12' style='margin:0; padding:0'>
 
                                 <div id="SSPD-P" class='col-md-12' style='margin:0; padding:0'>
                                     <h4><em>Pair left and right target sites with optimal spacer length</em></h4>
+
                                     <p><large><b>Pair left and right target sites with optimal spacer length</b></large></p>
 
                                     <p>All reserved left and right target sites after two-step filtration are considered to be qualified for pairing. In this step, a left site and a right site with appropriate spacer length will be paired. The best spacer length is 19-23bp for split-luciferase dCas9 fusion system according to our experimental data (Figure 4, Link to CRISPR). Single sites that cannot pair with any other sites within the given range of the spacer length would be eliminated.
 
                                     <p>All reserved left and right target sites after two-step filtration are considered to be qualified for pairing. In this step, a left site and a right site with appropriate spacer length will be paired. The best spacer length is 19-23bp for split-luciferase dCas9 fusion system according to our experimental data (Figure 4, Link to CRISPR). Single sites that cannot pair with any other sites within the given range of the spacer length would be eliminated.
 
                                     </p>
 
                                     </p>
                                     <div id="Modeling_Fig4">
+
                                      
                                         <img alt="Modeling_Fig4" src=" https://static.igem.org/mediawiki/2015/0/0b/Peking-Modeling-Figure.png">
+
                                      <div id="Modeling_Fig4">
                                         <p>Figure 4. The effect of spacer length variation on the performance of PC reporter system. Spacer is defined as the sequence between the sgRNA pairs. The spacer length varies from 5 bp to 107 bp. </p>
+
                                      <div class="row">
                                         <div id="Modeling_Table4">
+
                                        <div class='col-md-2'></div>
                                             <p class='col-md-1'></p>
+
                                         <img class='col-md-8' alt="Modeling_Fig4" src=" https://static.igem.org/mediawiki/2015/0/0b/Peking-Modeling-Figure.png">
                                             <table border='1' style='margin:10px;padding:10px' class='col-md-6'>
+
                                        <div class='col-md-2'></div>
                                                 <tr>
+
                                      </div>
 +
                                         <p class='col-md-12'><b>Figure 4. The effect of spacer length variation on the performance of PC reporter system.</b> Spacer is defined as the sequence between the sgRNA pairs. The spacer length varies from 5 bp to 107 bp. </p>
 +
                                      </div>
 +
 
 +
                                         <div id="Modeling_Table4" style="color:#606060">
 +
                                             <p class='col-md-3'></p>
 +
                                             <table class='table col-md-6 table-bordered'>
 +
                                                 <tr style="color:#606060">
 
                                                     <td>Spacer Length</td>
 
                                                     <td>Spacer Length</td>
 
                                                     <td>19</td><td>20</td><td>21</td>
 
                                                     <td>19</td><td>20</td><td>21</td>
 
                                                     <td>22</td><td>23</td><td>19-23</td>
 
                                                     <td>22</td><td>23</td><td>19-23</td>
 
                                                 </tr>
 
                                                 </tr>
                                                 <tr>
+
                                                 <tr style="color:#606060">
 
                                                     <td>Marker Number</td>
 
                                                     <td>Marker Number</td>
 
                                                     <td>690</td><td>836</td><td>746</td>
 
                                                     <td>690</td><td>836</td><td>746</td>
Line 323: Line 383:
 
                                                 </tr>
 
                                                 </tr>
 
                                             </table>
 
                                             </table>
                                             <p class='col-md-12'>The number of gRNA pairs under the condition of different spacer length between left and right pair from 19 to 23 bps in Mycobacterium Tuberculosis genome</p>
+
                                             <p class='col-md-12'>The number of gRNA pairs under the condition of different spacer length between left and right pair from 19 to 23 bps in <i>Mycobacterium Tuberculosis</i> genome</p>
 
                                         </div>
 
                                         </div>
 
                                     </div>
 
                                     </div>
                                 </div>
+
                                  
 
                                 <div id="SSPD-D" class='col-md-12' style='margin:0; padding:0'>
 
                                 <div id="SSPD-D" class='col-md-12' style='margin:0; padding:0'>
                                     <h4><em>Design PCR fragments</em></h4>
+
                                     <p><large><b>Design PCR fragments</b></large></p>
 
                                     <p>We provide two methods for determining PCR fragments. For the first, fix pair number k per fragment, search the adjacent but non-overlapped k pairs. Sort the results with fragment length. For another, fix maximal PCR fragment length, sort the results with pair numbers per fragment. Sorted results will be presented on user interface, enabling users to select fragments by themselves as needed. Selecting overlapping fragment is not allowable for array design.
 
                                     <p>We provide two methods for determining PCR fragments. For the first, fix pair number k per fragment, search the adjacent but non-overlapped k pairs. Sort the results with fragment length. For another, fix maximal PCR fragment length, sort the results with pair numbers per fragment. Sorted results will be presented on user interface, enabling users to select fragments by themselves as needed. Selecting overlapping fragment is not allowable for array design.
 
                                     </p>
 
                                     </p>
 
                                     <div id="Peking_Modeling_Figure5.png">
 
                                     <div id="Peking_Modeling_Figure5.png">
                                         <img alt="Peking_Modeling_Figure5.png" src="https://static.igem.org/mediawiki/2015/f/f9/Peking_Modeling_Figure5.png" style='maxwidth:150px;margin:20px'>
+
                                      <div class="row">
                                         <p>Figure 5. Schematic illustration of PCR fragment determination method, taking 2 pairs per fragment as an example. The top xxx shows all left and right targets on given segment of pathogen genome, and the chart aside lists all pairs. Only adjacent but non-overlapped pairs can be deposited on one fragment. Users can choose one through the four optional PCR fragment listed below, since they are overlapped.</p>
+
                                        <div class='col-md-2'></div>
 +
                                         <img class='col-md-8' alt="Peking_Modeling_Figure5.png" src="https://static.igem.org/mediawiki/2015/f/f9/Peking_Modeling_Figure5.png">
 +
                                        <div class='col-md-2'></div>
 +
                                      </div>
 +
                                         <p class='col-md-12'><b>Figure 5.</b> Schematic illustration of PCR fragment determination method, taking 2 pairs per fragment as an example. The top xxx shows all left and right targets on given segment of pathogen genome, and the chart aside lists all pairs. Only adjacent but non-overlapped pairs can be deposited on one fragment. Users can choose one through the four optional PCR fragment listed below, since they are overlapped.</p>
 
                                     </div>
 
                                     </div>
 +
 
                                     <div id="Modeling_Fig6">
 
                                     <div id="Modeling_Fig6">
                                         <img alt="Modeling_Fig6" src="https://static.igem.org/mediawiki/2015/a/a6/Peking-CRISPR-Figure12.png" style='maxwidth:200px'>
+
                                      <div class="row">
                                         <p>Figure 6. 72 target sites (MTB-specific markers) out of 9 fragments on MTB genome, screened out using SSPD.)</p>
+
                                        <div class='col-md-2'></div>
 +
                                         <img class="col-md-8" alt="Modeling_Fig6" src="https://static.igem.org/mediawiki/2015/a/a6/Peking-CRISPR-Figure12.png">
 +
                                        <div class='col-md-2'></div>
 +
                                      </div>
 +
<div id="Modeling-OligoGenerator">
 +
<p>&nbsp;</p>
 +
</div>
 +
                                        <div class="col-md-12">
 +
                                         <p ><b>Figure 6.</b> 72 target sites (MTB-specific markers) out of 9 fragments on MTB genome, screened out using SSPD.)</p>
 +
                                      </div>
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
                             </div>
+
                              
 
                             <!--End of Modeling-SSPD-->
 
                             <!--End of Modeling-SSPD-->
 
                             <!--Start Oligo Generator-->
 
                             <!--Start Oligo Generator-->
                             <div id="Modeling-OligoGenerator" class="col-md-12" style="padding:0">
+
                             <div class="col-md-12" style="padding:0">
 
                                 <h3 class="classic-title" style='margin-top:50px'><span>Oligo Generator</span></h3>
 
                                 <h3 class="classic-title" style='margin-top:50px'><span>Oligo Generator</span></h3>
                                 <p>Using SSPD method mentioned above, we can easily find the reliable target sites on genome. However, designing multiple target sites into oligonucleotides sequences for following sgRNA construction manually can be laborious. Thus here we developed a supplementary program to facilitate oligo sequence generation, which is combined with our sgRNA generator (Link to Part xxx). Specifically, we used Golden Gate Cloning to make it more convenient to substitute guide sequences for different target sites. Detailed operation is explained on flow chart below. See more details in <a href=""><b>Supplementary Information 2</b></a>.
+
                                 <p>Using SSPD method mentioned above, we can easily find the reliable target sites on genome. However, designing multiple target sites into oligonucleotides sequences for following sgRNA construction manually can be laborious. Thus here we developed a supplementary program to facilitate oligo sequence generation, which is combined with our sgRNA generator (Link to Part xxx). Specifically, we used Golden Gate Cloning to make it more convenient to substitute guide sequences for different target sites. Detailed operation is explained on flow chart below. See more details in <a href="https://static.igem.org/mediawiki/2015/a/a7/Peking-Modeling-Supplementary.pdf" style="color:#00afd1">Supplementary Information 2</a>.
 
                                 </p>
 
                                 </p>
 
                                 <div id="Modeling_Fig7">
 
                                 <div id="Modeling_Fig7">
                                     <img alt="Modeling_Fig7" src="https://static.igem.org/mediawiki/2015/b/bc/Peking_Modeling_Figure7.png">
+
                                    <p class='col-md-1'></p>
                                     <p>Figure 7. Schematic illustration of a flow chart explaining the protocol of guide sequence substitution.</p>
+
                                     <img class='col-md-10' alt="Modeling_Fig7" src="https://static.igem.org/mediawiki/2015/b/bc/Peking_Modeling_Figure7.png">
 +
                                     <p class='col-md-12'><b>Figure 7.</b> Schematic illustration of a flow chart explaining the protocol of guide sequence substitution.</p>
 
                                 </div>
 
                                 </div>
 
                             </div><!-- End Oligo Generator-->
 
                             </div><!-- End Oligo Generator-->
                             <div id="Modeling-Ref" class="col-md-12" style="padding:0">
+
                             <div id="Modeling-Ref" class="col-md-12" style="padding:0;margin-top:30px;margin-top:20px">
 
                                 <h3 class="classic-title"><span>Reference</span></h3>
 
                                 <h3 class="classic-title"><span>Reference</span></h3>
 +
                                <p>
 +
                                1. Hsu P D, Scott D A, Weinstein J A, et al. DNA targeting specificity of RNA-guided Cas9 nucleases[J]. Nature biotechnology, 2013, 31(9): 827-832.</p>
 +
                                <p>2. http://crispr.mit.edu/about </p>
 +
                                <p>3. Naito Y, Hino K, Bono H, et al. CRISPRdirect: software for designing CRISPR/Cas guide RNA with reduced off-target sites[J]. Bioinformatics, 2014: btu743.</p>
 +
                               
 
                             </div><!-- End Reference-->
 
                             </div><!-- End Reference-->
 
                             </div>
 
                             </div>
 
                         </div><!-- End Page Content-->
 
                         </div><!-- End Page Content-->
                    </div>
+
              </div>
                </div><!-- End Container -->
+
            </div>
            </div><!-- End Content -->
+
          </div>
            <!-- Start Footer -->
+
        </div>
            <footer style="margin-top:30px;padding-top:25px">
+
     
                <div class="container">
+
 
                    <div class="row footer-widgets">
+
 
                        <!-- Start Subscribe & Social Links Widget -->
+
 
                        <div class="col-md-3" style="margin-bottom:0;padding-bottom:0">
+
 
                            <div class="col-md-12 footer-widget social-widget row">
+
   
                                <h4>Share This<span class="head-line"></span></h4>
+
      <!--FOOTER************FOOTER*******************FOOTER***************FOOTER************-->
                                <ul class="social-icons">
+
<!--******************************* the only thing to CHANGE is the SHARE LINK******************************-->
                                    <li><a class="twitter" target="_blank" href="https://twitter.com/home/?status=2015.igem.org/Team:Peking/Team"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/d/d0/Peking-twitter.png" style="height:20px;width:auto; margin-top:7px;"></i></a></li>
+
    <!-- Start Footer -->
                                    <li><a class="facebook"target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=2015.igem.org/Team:Peking/Team"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;"></i></a></li>
+
    <footer style="margin-top:30px; padding:0">
                                     <li><a class="google"target="_blank" href="https://plus.google.com/share?url=2015.igem.org/Team:Peking/Team"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-google_plus.png" style="height:20px; margin-top:7px;"></i></a></li>
+
      <div class="container" >
                                 </ul>
+
        <div class="row footer-widgets" style="padding:0:margin:0">  
                            </div>
+
         
                            <div class="col-md-12 footer-widget social-widget row">
+
          <!-- Start Subscribe & Social Links Widget -->
                                 <h4>Follow Us<span class="head-line"></span></h4>
+
                  <div class="col-md-3">
                                <ul class="social-icons">
+
                          <div class="col-md-12 footer-widget social-widget row" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">
                                    <li><a class="twitter" href="https://twitter.com/iGEM_Peking"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/d/d0/Peking-twitter.png" style="height:20px; margin-top:7px;"></i></a></li>
+
                            <h4>Share This<span class="head-line"></span></h4>
                                     <li><a class="facebook" href="https://www.facebook.com/pekingigem"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;"></i></a></li>
+
                            <ul class="social-icons" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">
                                    <li><a class="google" href="https://plus.google.com/u/0/102072923413833492667/posts"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-google_plus.png" style="height:20px; margin-top:7px;"></i></a></li>
+
                                <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--HERE need to be changed-->
                                 </ul>
+
                                     <a class="twitter" target="_blank" href="https://twitter.com/home/?status=https://2015.igem.org/Team:Peking">
                            </div>
+
                                      <i class="fa">
                        </div><!-- .col-md-3 --><!-- End Subscribe & Social Links Widget -->
+
                                        <img src="https://static.igem.org/mediawiki/2015/d/d0/Peking-twitter.png" style="height:20px;width:auto; margin-top:7px;">
                        <div class="col-md-6" style="margin-bottom:0;padding-bottom:0">
+
                                      </i>
                            <div class="footer-widget">
+
                                    </a>
                                <h4>Sponsors<span class="head-line" ></span></h4>
+
                                 </li>
                                <ul>
+
                                 <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--HERE need to be changed-->
                                    <li class="col-md-6" id="PKU-administration" style="margin-bottom:25px;max-width:300px">
+
                                     <a class="facebook"target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://2015.igem.org/Team:Peking">
                                        <a href="http://dean.pku.edu.cn/pkudean/index.html"><img src="https://static.igem.org/mediawiki/2015/0/04/PKU-Administration-logo.png"></a>
+
                                      <i class="fa">
                                    </li>
+
                                        <img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;">
                                    <li class="col-md-6" id="PKU-SLS" style="margin-bottom:25px;max-width:300px">
+
                                      </i>
                                        <a href="http://www.bio.pku.edu.cn/"><img src="https://static.igem.org/mediawiki/2015/9/9f/SLS-logo.png"></a>
+
                                    </a>
                                     </li>
+
                                </li>
                                    <li class="col-md-6" id="IMCAS" style="margin-bottom:25px;max-width:300px">
+
                                 <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--HERE need to be changed-->
                                        <a href="http://english.im.cas.cn/"><img src="https://static.igem.org/mediawiki/2015/a/a9/IMCAS-logo.png"></a>
+
                                     <a class="google"target="_blank" href="https://plus.google.com/share?url=https://2015.igem.org/Team:Peking">
                                    </li>
+
                                      <i class="fa">
                                    <li class="col-md-6" id="PKU-CQB" style="margin-bottom:25px;max-width:300px">
+
                                         <img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-google_plus.png" style="height:20px; margin-top:7px;">
                                        <a href="http://cqb.pku.edu.cn/en/"><img src="https://static.igem.org/mediawiki/2015/0/09/CQB-logo.png"></a>
+
                                      </i>
                                    </li>
+
                                    </a>
                                    <li class="col-md-6" id="BluePha" style="margin-bottom:25px; max-width:300px">
+
                                </li>
                                        <a href="http://www.bluepha.com/"><img src="https://static.igem.org/mediawiki/2015/1/12/Bluepha-logo.png"></a>
+
                                  
                                    </li>
+
                             </ul>
                                    <li class="col-md-6" id="Synbio" style="margin-bottom:25px;max-width:300px">
+
                                         <a href="http://www.synbio-tech.com.cn/"><img src="https://static.igem.org/mediawiki/2015/7/78/Synbio-logo.png"></a>
+
                                    </li>
+
                                </ul>
+
                            </div>
+
                        </div><!--End sponsor Widget-->
+
                        <!-- Start Contact Widget -->
+
                        <div class="col-md-3" style="margin-bottom:0;padding-bottom:0">
+
                            <div class="footer-widget">
+
                                <h4>Contact us<span class="head-line" ></span></h4>
+
                                <div class="footer-widget contact-widget" style="font-size:12px">
+
                                    <img src="https://static.igem.org/mediawiki/2015/e/e1/Peking-footer-logo-1.png" style="max-height:100px;margin-top:10px;margin-bottom:10px" class="img-responsive" alt="Peking iGEM 2015 Logo">
+
                                    <ul>
+
                                        <li><span>Email:</span> pekingigem@gmail.com</li>
+
                                        <li><span>Website:</span> <a href="2015.igem.org/Team:Peking" style="color:#b4b4b4">2015.igem.org/Team:Peking</a></li>
+
                                        <li><span>Address:</span> Peking University, <br>No.5 Yiheyuan Road Haidian District, <br>Beijing, P.R.China 100871</li>
+
                                    </ul>
+
                                 </div>
+
                             </div>
+
                        </div><!-- .col-md-3 -->
+
                        <!-- End Contact Widget -->
+
                        </div><!-- .row -->
+
                        <!-- Start Copyright -->
+
                        <div class="copyright-section" style="margin-top:0;margin-bottom:0">
+
                            <div class="row">
+
                                <div class="col-md-6">
+
                                    <p>&copy; 2015 Peking iGEM - All Rights Reserved.  Based on <a href="http://getbootstrap.com/">Bootstrap</a> and Margo template.</p>
+
                                </div>
+
                            </div>
+
 
                         </div>
 
                         </div>
                         <!-- End Copyright -->
+
 
 +
                        <div class="col-md-12 footer-widget social-widget row">
 +
                            <h4>Follow Us<span class="head-line"></span></h4>
 +
                            <ul class="social-icons" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">
 +
                                <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">
 +
                                    <a class="twitter" href="https://twitter.com/iGEM_Peking"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/d/d0/Peking-twitter.png" style="height:20px; margin-top:7px;"></i></a>
 +
                                </li>
 +
                                <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">
 +
                                    <a class="facebook" href="https://www.facebook.com/pekingigem"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;"></i></a>
 +
                                </li>
 +
                                <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">
 +
                                    <a class="google" href="https://plus.google.com/u/0/102072923413833492667/posts"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-google_plus.png" style="height:20px; margin-top:7px;"></i></a>
 +
                                </li>
 +
                            </ul>
 +
                         </div>
 +
                    </div><!-- .col-md-3 -->
 +
                    <!-- End Subscribe & Social Links Widget -->
 +
                   
 +
                  <div class="col-md-6">
 +
                        <div class="footer-widget">
 +
                        <h4>Sponsors<span class="head-line" ></span></h4>
 +
                        <ul>
 +
                            <li class="col-md-6" id="PKU-administration" style="margin-bottom:25px;max-width:300px">
 +
                                <a href="http://dean.pku.edu.cn/pkudean/index.html"><img src="https://static.igem.org/mediawiki/2015/0/04/PKU-Administration-logo.png"></a>
 +
                            </li>
 +
                            <li class="col-md-6" id="PKU-SLS" style="margin-bottom:25px;max-width:300px">
 +
                                <a href="http://www.bio.pku.edu.cn/"><img src="https://static.igem.org/mediawiki/2015/9/9f/SLS-logo.png"></a>
 +
                            </li>
 +
                            <li class="col-md-6" id="IMCAS" style="margin-bottom:25px;max-width:300px">
 +
                                <a href="http://english.im.cas.cn/"><img src="https://static.igem.org/mediawiki/2015/a/a9/IMCAS-logo.png"></a>
 +
                            </li>                           
 +
                            <li class="col-md-6" id="PKU-CQB" style="margin-bottom:25px;max-width:300px">
 +
                                <a href="http://cqb.pku.edu.cn/en/"><img src="https://static.igem.org/mediawiki/2015/0/09/CQB-logo.png"></a>
 +
                            </li>
 +
                            <li class="col-md-6" id="BluePha" style="margin-bottom:25px; max-width:300px">
 +
                                <a href="http://www.bluepha.com/"><img src="https://static.igem.org/mediawiki/2015/1/12/Bluepha-logo.png"></a>
 +
                            </li>
 +
                            <li class="col-md-6" id="Synbio" style="margin-bottom:25px;max-width:300px">
 +
                                <a href="http://www.synbio-tech.com.cn/"><img src="https://static.igem.org/mediawiki/2015/7/78/Synbio-logo.png"></a>
 +
                            </li>
 +
                        </ul>
 +
                        </div>
 +
                        </div>
 +
                    <!--End sponsor Widget-->
 +
           
 +
         
 +
                  <!-- Start Contact Widget -->
 +
                    <div class="col-md-3">
 +
                        <div class="footer-widget" style="padding:0:margin:0" >
 +
                        <h4>Contact us<span class="head-line" ></span></h4>
 +
                        <div class="footer-widget contact-widget">
 +
                            <img src="https://static.igem.org/mediawiki/2015/e/e1/Peking-footer-logo-1.png" style="max-height:100px;margin-top:10px;margin-bottom:10px" class="img-responsive" alt="Peking iGEM 2015 Logo" >
 +
                           
 +
                            <ul  style="font-size:12px;color:#b4b4b4">
 +
                                <li><span>Email:</span> <a href="Mailto:pekingigem@gmail.com&amp;Subject=Hello&amp;Body=Hi, Peking iGEM!"style="color:#b4b4b4">pekingigem@gmail.com</li>
 +
                                <li><span>Website:</span> <a href="2015.igem.org/Team:Peking" style="color:#b4b4b4"> 2015.igem.org/Team:Peking</a></li>
 +
                                <li><span>Address:</span> Peking University, <br>No.5 Yiheyuan Road Haidian District, <br>Beijing, P.R.China 100871</li>
 +
                            </ul>
 +
                        </div>
 +
                    </div><!-- .col-md-3 -->
 +
                    <!-- End Contact Widget -->
 +
 
 +
       
 +
        </div><!-- .row -->
 +
       
 +
        <!-- Start Copyright -->
 +
                <div class="copyright-section">
 +
                    <div class="row">
 +
                        <div class="col-md-12" style="padding:0;margin:0;height:30px">
 +
                            <p class="text-center">&copy; 2015 Peking iGEM -  All Rights Reserved. Based on <a href="http://getbootstrap.com/"style="color:#b4b4b4">Bootstrap</a> and Margo template.</p>
 +
                        </div>
 +
                                         
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
            </footer><!-- End Footer -->
+
                <!-- End Copyright -->
        </div><!-- End Container -->
+
       
        <!-- Go To Top Link -->
+
      </div>
        <a href="#" class="back-to-top" style="z-index:9999"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/06/Peking-Up.png" style="margin-top:5px; width:90%"></i></a>
+
    </footer>
        <!--loader-->
+
    <!-- End Footer -->
        <div id="loader">
+
   
            <div class="spinner">
+
  </div>
                <div class="dot1"></div>
+
  <!-- End Container -->
                <div class="dot2"></div>
+
 
            </div>
+
  <!-- Go To Top Link -->
        </div>
+
  <a href="#" class="back-to-top" style="z-index:9999"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/06/Peking-Up.png" style="margin-top:5px; width:90%"></i></a>
        <!-- add  ?action=raw&amp;ctype=text/javascript    when using Js-->
+
 
        <script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js?action=raw&amp;ctype=text/javascript"></script>
+
  <div id="loader">
        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Migrate?action=raw&amp;ctype=text/javascript"></script>
+
    <div class="spinner">
        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Modernizr?action=raw&amp;ctype=text/javascript "></script>
+
      <div class="dot1"></div>
        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript?action=raw&amp;ctype=text/javascript"></script>
+
      <div class="dot2"></div>
        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Carousel?action=raw&amp;ctype=text/javascript"></script>
+
    </div>
        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Appear?action=raw&amp;ctype=text/javascript"></script>
+
  </div>
        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Count-to?action=raw&amp;ctype=text/javascript"></script>
+
 
        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Textillate?action=raw&amp;ctype=text/javascript"></script>
+
 
        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Easypiechart?action=raw&amp;ctype=text/javascript"></script>
+
<!-- add  ?action=raw&amp;ctype=text/javascript    when using Js-->
        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Nicescroll?action=raw&amp;ctype=text/javascript"></script>
+
  <!-- Margo JS  -->
        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Script?action=raw&amp;ctype=text/javascript"></script>
+
  <script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js?action=raw&amp;ctype=text/javascript"></script>
        <script type="text/javascript" >
+
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Migrate?action=raw&amp;ctype=text/javascript"></script>
        function menuFixed(id){
+
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Modernizr?action=raw&amp;ctype=text/javascript "></script>
        var obj = document.getElementById(id);
+
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript?action=raw&amp;ctype=text/javascript"></script>
        var _getHeight = obj.offsetTop;
+
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Carousel?action=raw&amp;ctype=text/javascript"></script>
        window.onscroll = function(){changePos(id,_getHeight);}
+
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Appear?action=raw&amp;ctype=text/javascript"></script>
        }
+
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Count-to?action=raw&amp;ctype=text/javascript"></script>
        function changePos(id,height){
+
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Textillate?action=raw&amp;ctype=text/javascript"></script>
        var obj = document.getElementById(id);
+
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Easypiechart?action=raw&amp;ctype=text/javascript"></script>
        var scrollTop = document.documentElement.scrollTop || document.body.scrollTop - 150;
+
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Nicescroll?action=raw&amp;ctype=text/javascript"></script>
        if(scrollTop < height){obj.style.position = 'relative';}
+
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Script?action=raw&amp;ctype=text/javascript"></script>
        else{obj.style.position = 'fixed';}}
+
  <script type="text/javascript" >
        </script>
+
function menuFixed(id){
        <script type="text/javascript">
+
var obj = document.getElementById(id);
        window.onload = function(){menuFixed('sidebar1');}
+
var _getHeight = obj.offsetTop;
        </script>
+
 
    </body>
+
window.onscroll = function(){
 +
changePos(id,_getHeight);
 +
}
 +
}
 +
function changePos(id,height){
 +
var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight();
 +
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop - 150;
 +
var windowBottom = $(window).scrollTop() + $(window).innerHeight();
 +
var w = window.innerWidth;
 +
if(w>=1024){
 +
  if($(window).scrollTop() + $(window).height() > $(document).height() - 260){
 +
                $('#sidebar1').fadeOut("fast");}else{$('#sidebar1').fadeIn("fast");}
 +
}
 +
if(scrollTop < height){ obj.style.position = 'relative';    
 +
}else{
 +
obj.style.position = 'fixed';
 +
}
 +
}
 +
</script>
 +
 
 +
<script type="text/javascript">
 +
window.onload = function(){
 +
menuFixed('sidebar1');
 +
}
 +
</script>
 +
 
 +
 
 +
 
 +
</body>
 
</html>
 
</html>

Latest revision as of 12:18, 17 November 2015

Modeling

The purpose of models is not to fit the data but to sharpen the questions.

Overview

Though single marker detection using PC reporter works well in lab, in clinical diagnosis of MTB there can be more disturbance, which may mislead the diagnosis. To increase the reliability of the detection , we designed MTB multi-marker array. To select all MTB specific markers through out MTB genome and facilitate array experiment, we developed an algorithm named SSPD, which consists of 4 steps:

  1. Search for all target candidates
  2. Select MTB specific targets
  3. Pair left and right target sites as markers
  4. Determine PCR fragments

Notice that a target has the same sequence with corresponding sgRNA guide sequence, selecting MTB specific target is thus equivalent to selecting sgRNA.
In addition, we designed Oligo Generator to generate oligo sequences from corresponding targets, together with sgRNA generator, it facilitates multiple sgRNA construction. The code can be found here with a report here.

SSPD Methods

Search for guide sequences of gRNA candidates

The CRISPR/dCas9 requires a protospacer adjacent motif (PAM) sequence in the form of 5’-NGG-3’ downstream the target sequence to bind to the target. (Figure 1) Since our experimental results shows that PAM-out orientation (5’-CCN(N)20-…-(N)20NGG-3’) was highly efficient for PC Reporter system to work, our model focused on this orientation. (It is convenient to adjust our program for guide sequence design with other orientations. See more in Supplementary Information 1 )

Modeling_Fig1

Figure 1. Schematic illustration of guide design in PAM-out orientation. Note that the 20nt guide sequence is identical to target.

We took advantage of Python 3.4.3 build-in regular expression to search for left guide sequences of gRNA (‘(?<=cc).(?=.{20})’) and right guide sequences of gRNA (‘(?<=.{20}).(?=gg)’) separately, which would be paired later for PC reporter system to function.

Left gRNA candidates   (CCN(N)20) 414962
Right gRNA candidates ((N)20NGG) 407371

Table 1. The number of gRNA candidates in Mycobacterium Tuberculosis genome

Specificity test for each candidate

Specificity of guide sequence of gRNA here is defined as the probability of the gRNA binds to the corresponding target site instead of other similar non-target sites. It is measured by taking both quantity of potential off-target sites and similarity between off-target sites and the unique target site into consideration. Since we hope to take sample directly from human mouth, we compared our guide sequence candidates with Human Oral Meta-Genome (HOMG), and reserved only the orthogonal ones to avoid false positive in MTB detection. We adopted a BLAST-based 2-step filtration approach to realize it. In general, the two steps are: a) Filter out guides with off-targets that have 12 bp PAM-proximal sequence identical to corresponding target; b) Score the reserved gRNA on specificity. The principle of the score-rule is that higher specificity should get higher score (see the detail below). Thus we can easily filter out guides with high off-target probability, which is indicated by a low score.

a) PAM-proximal 12bp filtration by BLAST

Previous research has demonstrated that SpCas9 tolerates mismatches to a greater extent in the PAM-distal region than the PAM-proximal region, and the PAM-proximal 8-12nt of the target largely determine the specificity of the targets. Guide sequences of gRNA whose target has identical PAM-proximal 12nt off-targets is highly possible to hit off target, which suggest its fate of being eliminated. Remaining guides are uploaded to BLAST again for potential off-target site finding. Sequences that are similar to target and found by BLAST are recorded as all off-target sites for the second filtration, those ignored are considered not contributing to off-target.

Left gRNA candidates  (CCN(N)20) 55156
Right gRNA candidates ((N)20NGG) 54938

Table 2. The number of gRNA candidates left after the first filtration in Mycobacterium Tuberculosis genome

b) Score filtration

Our initial filtration significantly reduce computation by limiting guide sequence score operation to only most possible off-target sites rather than entire subject. We then use Zhang Lab score methods to give an off-target effects measurement of the guide sequences. For each guide candidates, scoring process includes two steps: firstly,each of the individual off-target sites is assigned an “individual score”, then all individual scores are aggregated to an overall score of the given guide sequence.The algorithm used to score single off-target sites is as below.

Peking-Modeling-single_score.gif
Peking-Modeling-single_site_mismatch_list.gif

In the first term, e runs over the mismatch positions set Peking-Modeling-set_M.gif between the guide and the off-target site, with Peking-Analysis-W.gif representing the experimentally-determined effect of mismatch position on targeting. Term two refers to the effect caused by mean pairwise distance between mismatches(Peking-Modeling-d_mean.gif). Term three represent a dampening penalty for highly mismatched off-targets, where Peking-Modeling-n_m.gif refers to the number of mismatches.

Peking_Modeling_Figure2.png

Figure 2. Schematic illustration of an off-target site. The 20 bps are numbered sequentially from the one most distant to PAM, and the red 7, 12, 19 represents the mismatches in the off-target sites.

Here we show an example (Figure 2) to help readers understand this formula better. Nucleotides are numbered sequentially from the one most distant to PAM, and mismatches in the off-target sites are emphasized by red sign. In this case, W(7)= 0.317, W(12)=0.508, W(19)=0.583; dmean=(d(7,12)+d(7,19)+d(12,19))/3=7; nm=3. Therefore, the off-target site shown above has an individual score of 0.004415278985074628. A higher individual score for an off target site indicates a higher similarity to the target, and thus a higher likelihood of the CRISPR/Cas9 complex binding to the off-target site. Once individual off-target have been scored, each guide is assigned an overall score:

Modeling_Fm3

h runs over the potential off-target set Peking-Modeling-set_T.gif of guide sequence

A higher overall score indicates a better guide with few or weak potential off-targets. Guides with individual off-target sites score 2% or above are eliminated, the remaining are ranked in the order of overall score from 100% to 0%, with a list of off-targets presented in individual score descending order. Guides having an overall score of greater than 45% are reserved finally while others were filtered out in case their lack of specificity.

Left gRNA candidates   (CCN(N)20) 54417
Right gRNA candidates ((N)20NGG) 54288

Table 2. The number of gRNA candidates left after the first filtration in Mycobacterium Tuberculosis genome

Peking_Modeling_CCN_score.png Peking_Modeling_NGG_score.png

Peking_Modeling_score_filtration.png

Figure 3. Analysis of the guide sequences scores after score filtration. (a)Overall score distribution of guide sequences after the second step filtration. Most sequences have scores more than 97. (b)Ratio of reserved guides (i.e. the number of guide sequences reserved after score filtration / the number of guide sequences after first filtration) is approximately 1 on higher score gRNA and 0 on lower score gRNA.ure 1. Schematic illustration of guide design in PAM-out orientation. Note the 20nt guide sequence is identical to target non-complementary strand.

Pair left and right target sites with optimal spacer length

All reserved left and right target sites after two-step filtration are considered to be qualified for pairing. In this step, a left site and a right site with appropriate spacer length will be paired. The best spacer length is 19-23bp for split-luciferase dCas9 fusion system according to our experimental data (Figure 4, Link to CRISPR). Single sites that cannot pair with any other sites within the given range of the spacer length would be eliminated.

Modeling_Fig4

Figure 4. The effect of spacer length variation on the performance of PC reporter system. Spacer is defined as the sequence between the sgRNA pairs. The spacer length varies from 5 bp to 107 bp.

Spacer Length 192021 222319-23
Marker Number 690836746 7207593751

The number of gRNA pairs under the condition of different spacer length between left and right pair from 19 to 23 bps in Mycobacterium Tuberculosis genome

Design PCR fragments

We provide two methods for determining PCR fragments. For the first, fix pair number k per fragment, search the adjacent but non-overlapped k pairs. Sort the results with fragment length. For another, fix maximal PCR fragment length, sort the results with pair numbers per fragment. Sorted results will be presented on user interface, enabling users to select fragments by themselves as needed. Selecting overlapping fragment is not allowable for array design.

Peking_Modeling_Figure5.png

Figure 5. Schematic illustration of PCR fragment determination method, taking 2 pairs per fragment as an example. The top xxx shows all left and right targets on given segment of pathogen genome, and the chart aside lists all pairs. Only adjacent but non-overlapped pairs can be deposited on one fragment. Users can choose one through the four optional PCR fragment listed below, since they are overlapped.

Modeling_Fig6

 

Figure 6. 72 target sites (MTB-specific markers) out of 9 fragments on MTB genome, screened out using SSPD.)

Oligo Generator

Using SSPD method mentioned above, we can easily find the reliable target sites on genome. However, designing multiple target sites into oligonucleotides sequences for following sgRNA construction manually can be laborious. Thus here we developed a supplementary program to facilitate oligo sequence generation, which is combined with our sgRNA generator (Link to Part xxx). Specifically, we used Golden Gate Cloning to make it more convenient to substitute guide sequences for different target sites. Detailed operation is explained on flow chart below. See more details in Supplementary Information 2.

Modeling_Fig7

Figure 7. Schematic illustration of a flow chart explaining the protocol of guide sequence substitution.

Reference

1. Hsu P D, Scott D A, Weinstein J A, et al. DNA targeting specificity of RNA-guided Cas9 nucleases[J]. Nature biotechnology, 2013, 31(9): 827-832.

2. http://crispr.mit.edu/about

3. Naito Y, Hino K, Bono H, et al. CRISPRdirect: software for designing CRISPR/Cas guide RNA with reduced off-target sites[J]. Bioinformatics, 2014: btu743.