Difference between revisions of "Team:Peking/Modeling"

Line 1: Line 1:
 
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
 
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
 
<!--[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>
+
<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/CSS?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/CSS/Style?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/CSS/Responsive?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/CSS/Animate?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?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;}
 
         h2{border-bottom:none;padding-bottom:.5em;}
 
         h2{border-bottom:none;padding-bottom:.5em;}
        ul.dropdown{margin-left: 0px; margin-top: 0px;}
 
 
         .carousel-control.left, .carousel-control.right {background-image:none;}
 
         .carousel-control.left, .carousel-control.right {background-image:none;}
 
         /*universal style*/
 
         /*universal style*/
Line 32: Line 31:
 
         /* to style the team page*/
 
         /* to style the team page*/
 
         .individual-picture{max-width:200px;margin-top:15px; margin-bottom:10px; }
 
         .individual-picture{max-width:200px;margin-top:15px; margin-bottom:10px; }
    </style>
+
        ul.disc {list-style-type:disc;}
</head>
+
        ul.circle {list-style-type:circle;}
 
+
        ul.square {list-sty
<body>
+
            le-type:square;}
<!-- Container -->
+
        </style>
<div id="container">
+
    </head>
<!-- Start Header -->
+
    <body>
<header class="clearfix" id="fixedNav">
+
        <!-- Container -->
    <!-- Start  Logo & Naviagtion  -->
+
        <div id="container">
    <div class="navbar navbar-default navbar-top">
+
            <!-- Start Header -->
        <div class="container">
+
            <header class="clearfix" id="fixedNav">
            <div class="navbar-header" >
+
                <!-- Start  Logo & Naviagtion  -->
                <!-- Stat Toggle Nav Link For Mobiles -->
+
                <div class="navbar navbar-default navbar-top">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" style="margin-top:40px">
+
                    <div class="container">
                    <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="navbar-header" >
                </button>
+
                            <!-- Stat Toggle Nav Link For Mobiles -->
                <!-- End Toggle Nav Link For Mobiles -->
+
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" style="margin-top:40px">
                <a class="navbar-brand" href="https://2015.igem.org/Team:Peking">
+
                            <i class="fa"><img style="margin-left:0;height:30px;"src="https://static.igem.org/mediawiki/2015/4/45/Peking-Hambergur-1.png" ></i>
                    <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">
+
                            </button>
                </a>
+
                            <!-- End Toggle Nav Link For Mobiles -->
            </div>
+
                            <a class="navbar-brand" href="https://2015.igem.org/Team:Peking">
            <div class="navbar-collapse collapse" style="padding-top:5px;padding-bottom:0">
+
                                <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">
                <!-- Start Navigation List -->
+
                            </a>
                <ul class="nav navbar-nav navbar-right "id="nav-top" style="padding-bottom:15px;padding-top:10px">
+
                        </div>
                    <li>
+
                        <div class="navbar-collapse collapse" style="padding-top:5px;padding-bottom:0">
                        <a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Achievements</a>
+
                            <!-- Start Navigation List -->
                        <ul class="dropdown">
+
                                              <ul class="nav navbar-nav navbar-right " style="padding-bottom:15px;height:88px;padding-top:10px">
                            <li><a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Judging Criteria</a></li>
+
                            <li>
                            <li><a href="https://2015.igem.org/Team:Peking/Parts">Parts</a></li>
+
                                <a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Achievements</a>
                            <li><a href="https://2015.igem.org/Team:Peking/Collaborations">Collaborations</a></li>
+
                                <ul class="dropdown">
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Judging Criteria</a>
 +
                                    </li>
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Parts">Parts</a>
 +
                                    </li>
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Collaborations">Collaborations</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </li>
 +
                            <li>
 +
                                <a href="https://2015.igem.org/Team:Peking/Design">Project</a>
 +
                                <ul class="dropdown">
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Design">Overview</a>
 +
                                    </li>
 +
                                    <li><a href="http://2015.igem.rg/Team:Peking/Design/Sequence-specific visualization">Sequence-specific Visualization</a>
 +
                                    </li>
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Design/Isothermal">Iso-thermal Amplification</a>
 +
                                    </li>
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Design/Array">Array-based diagnosis</a>
 +
                                    </li>
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Device">Hardware</a>
 +
                                    </li>
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Design/Speculation">Speculation</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </li>
 +
                            <li>
 +
                                <a class="active" href="https://2015.igem.org/Team:Peking/Modeling">Modeling</a>
 +
                                <ul class="dropdown">
 +
                                    <li><a class="active" href="https://2015.igem.org/Team:Peking/Modeling">Array Design</a>
 +
                                    </li>
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Modeling/Analysis">Analysis algorithm</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </li>
 +
                            <li>
 +
                                <a href="https://2015.igem.org/Team:Peking/Practices">Practices</a>
 +
                                <ul class="dropdown">
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Practices">Overview</a>
 +
                                    </li>
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Practices/Background">Facts about TB</a>
 +
                                    </li>
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Practices/Consultation">Consultation and Interview</a>
 +
                                    </li>
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Practices/Engagement">Public Engagement</a>
 +
                                    </li>
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Practices/Outreach">Ethics and Economics Issue</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </li>
 +
                            <li>
 +
                                <a href="https://2015.igem.org/Team:Peking/Team">Lab</a>
 +
                                <ul>
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Team">Team</a>
 +
                                    </li>
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Notebook">Notebook</a>
 +
                                    </li>
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Attributions">Attributions</a>
 +
                                    </li>
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Safety">Safety</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </li>
 
                         </ul>
 
                         </ul>
                    </li>
+
                         <!-- End Navigation List -->
                    <li>
+
                         <a href="https://2015.igem.org/Team:Peking/Design">Project</a>
+
                        <ul class="dropdown">
+
                            <li><a href="https://2015.igem.org/Team:Peking/Design">Overview</a></li>
+
                            <li><a href="#">CRIPSR</a></li>
+
                            <li><a href="#">Isothermal PCR</a></li>
+
                            <li><a href="#">B. subtillis</a></li>
+
                            <li><a href="#">Device</a></li>
+
                        </ul>
+
                    </li>
+
                    <li>
+
                        <a href="https://2015.igem.org/Team:Peking/Modeling" class="active">
+
                            Modelling</a>
+
                        <ul class="dropdown">
+
                            <li><a href="https://2015.igem.org/Team:Peking/Modeling" class="active">Marker Finder</a></li>
+
                            <li><a href="#">Signal Processing</a></li>
+
                        </ul>
+
                    </li>
+
                    <li>
+
                        <a href="https://2015.igem.org/Team:Peking/Practices">Practice</a>
+
                        <ul class="dropdown">
+
                            <li><a href="https://2015.igem.org/Team:Peking/Practices">Overview</a></li>
+
                            <li><a href="#">Link 1</a></li>
+
                            <li><a href="#">Link 2</a></li>
+
                            <li><a href="#">Link 3</a></li>
+
                            <li><a href="#">Link 4</a></li>
+
                        </ul>
+
                    </li>
+
                    <li>
+
                        <a href="#">Lab</a>
+
                        <ul>
+
                            <li><a href="https://2015.igem.org/Team:Peking/Team">Team</a></li>
+
                            <li><a href="https://2015.igem.org/Team:Peking/Notebook">Notebook</a></li>
+
                            <li><a href="https://2015.igem.org/Team:Peking/Attributions">Attributions</a></li>
+
                            <li><a href="https://2015.igem.org/Team:Peking/Safety">Safety</a></li>
+
                        </ul>
+
                    </li>
+
                </ul>
+
                <!-- 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>
+
<!-- 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">
+
                <!-- Sidebar for windows > 1024px -->
+
                <div id="sidebar1"class="widget widget-categories">
+
                    <h4 style="font-size:18px">Marker Finder<span class="head-line"></span></h4>
+
                    <ul>
+
                        <li><a href="#Modeling-Overview">Overview</a></li>
+
                        <li><a href="#Modeling-SSPD">SSPD Method</a></li>
+
                        <li><a href="#Modeling-OligoGenerator">Oligo Generator</a></li>
+
                    </ul>
+
                </div>
+
                <!-- Sidebar for windows < 1024px -->
+
                <div id="sidebar2"class="widget widget-categories">
+
                    <h4 style="font-size:18px">Team <span class="head-line"></span></h4>
+
                    <ul>
+
                        <li><a href="#Modeling-Overview">Overview</a></li>
+
                        <li><a href="#Modeling-SSPD">SSPD Method</a></li>
+
                        <li><a href="#Modeling-OligoGenerator">Oligo Generator</a></li>
+
                    </ul>
+
                </div>
+
            </div>
+
            <!--End sidebar-->
+
            <!-- Page Content -->
+
            <div class="col-md-9 page-content">
+
                <div id="team-introduction">
+
                    <!--annother type of touch slider-->
+
                    <div id="myCarousel" class="carousel slide" data-ride="carousel">
+
                        <!-- Indicators -->
+
                        <ol class="carousel-indicators">
+
                            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+
                            <li data-target="#myCarousel" data-slide-to="1"></li>
+
 
+
                        </ol>
+
                        <!-- Wrapper for slides -->
+
                        <div class="carousel-inner" role="listbox">
+
                            <div class="item active">
+
                                <img src="https://static.igem.org/mediawiki/2015/0/08/Peking-team-about-01.jpg" style="width:100%;" alt="">
+
                            </div>
+
 
+
                            <div class="item">
+
                                <img src="https://static.igem.org/mediawiki/2015/0/09/Peking-team-about-02.jpg" style="width:100%;" alt="">
+
                            </div>
+
 
+
                        </div>
+
                        <!-- Left and right controls -->
+
                        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
+
                            <span class="glyphicon" aria-hidden="true"><img src="https://static.igem.org/mediawiki/2015/d/d1/Peking-left.png" style="margin-top:700%"></span>
+
                            <span class="sr-only">Previous</span>
+
                        </a>
+
                        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
+
                            <span class="glyphicon" aria-hidden="true"><img src="https://static.igem.org/mediawiki/2015/f/fc/Peking-right.png" style="margin-top:700%"></span>
+
                            <span class="sr-only">Next</span>
+
                        </a>
+
                    </div>
+
                    <!--end of touch slider-->
+
                    <!-- Classic Heading -->
+
                    <h3 class="classic-title"><span>Overview</span></h3>
+
                    <!-- Some Text -->
+
                    <p>To increase the accuracy and specificity of the detection, we develop an assay over our Paired dCas9 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 specific sequences (CRISPR target sites) with high specificity as markers. <br>
+
                        We develop a method named SSPD to achieve our aim, which is composed of 4 steps: <br>
+
                        Search for guide candidates <br>
+
                        Specificity test for each candidate <br>
+
                        Pair left and right guides with optimal spacer length <br>
+
                        Design PCR fragments <br>
+
                        We will introduce each step in detail separately with analysis about Mycobacterium tuberculosis (TB) 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.
+
                    </p>
+
                    <!--Members-introduction-->
+
                    <!-- Classic Heading -->
+
                    <div id="Team-SSPD">
+
                        <h3 class="classic-title"><span>SSPD Methods</span></h3>
+
                        <!--Modeling-SSPD-S1-->
+
                        <div id="SSPD-S1" class='col-md-12' style='margin:0; padding:0'>
+
                            <h4><em>Search for guide candidates</em></h4>
+
                            <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 is 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 supplementary)
+
                            </p>
+
                            <div id="Modeling_Fig1">
+
                                <img alt="Modeling_Fig1" src="https://static.igem.org/mediawiki/2015/0/07/Peking_individual_WEI_Weijia.jpg">
+
                                <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>
+
                            <p>We took advantage of Python 3.4.3 build-in regular expression to search for left guide sequences of gRNA and right guide sequences of gRNA separately, which would be paired later for PC reporter system to function.
+
                            </p>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
                 <!--End of Team-introduction-->
+
                 <!-- End Header Logo & Naviagtion -->
                <!--Start Instructor-->
+
            </header>
                <div id="Team-Instructors">
+
            <!-- End Header Section -->
                    <h3 class="classic-title" style="margin-top:25px"><span>Instructors</span></h3>
+
            <!-- 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="row">
                         <div class="col-md-4">
+
                         <div class="col-md-6">
                             <img alt="OUYangqi-Peking"  src="https://static.igem.org/mediawiki/2015/a/a8/Peking_individual_OUYANG_Qi.jpg" style="max-width:150px" >
+
                             <h2><b>Modeling</b></h2>
                            <h4><em>&nbsp;&nbsp;OUYANG Qi</em></h4>
+
                            <p>Specificity!!!!</p>
 
                         </div>
 
                         </div>
                         <div class="col-md-4">
+
                         <div class="col-md-6">
                             <img alt="LOUChunbo-Peking" src="https://static.igem.org/mediawiki/2015/8/84/Peking_individual_LOU_Chunbo.jpg"style="max-width:150px" >
+
                             <ul class="breadcrumbs">
                            <h4><em>&nbsp;&nbsp;LOU Chunbo</em></h4>
+
                                <li><a href="https://2015.igem.org/Team:Peking">Home</a></li>
                        </div>
+
                                <li>Modeling</li>
                        <div class="col-md-4">
+
                             </ul>
                            <img alt="ZHANGHaoqian-Peking"  src="https://static.igem.org/mediawiki/2015/0/0a/Peking_individual_ZHANG_Haoqian.jpg"style="max-width:150px" >
+
                             <h4><em>&nbsp;&nbsp;ZHANG Haoqian</em></h4>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
+
             <!-- End Page Banner -->
             <!--End Instructor-->
+
             <!-- Start Content -->
             <!--Start Acknowledgement-->
+
             <div id="content">
             <div id="Team-Acknowledgement">
+
                 <div class="container">
                 <h3 class="classic-title" style="margin-top:25px"><span>Acknowledgement</span></h3>
+
                    <div class="row blog-page">
            </div>
+
                        <!--Sidebar-->
            <!--End Acknowledgement-->
+
                        <div class="col-md-3 sidebar left-sidebar">
        </div><!-- End Page Content-->
+
                            <!-- Sidebar for windows > 1024px -->
    </div>
+
                            <div id="sidebar1"class="widget widget-categories">
</div><!-- End Content -->
+
                                <h4 style="font-size:18px">Marker Finder<span class="head-line"></span></h4>
<!-- Start Footer -->
+
                                <ul>
<footer style="margin-top:30px;padding-top:25px">
+
                                    <li><a href="#Modeling-Overview">Overview</a></li>
    <div class="container">
+
                                    <li><a href="#Modeling-SSPD">SSPD Method</a></li>
        <div class="row footer-widgets">
+
                                    <li><a href="#Modeling-OligoGenerator">Oligo Generator</a></li>
            <!-- Start Subscribe & Social Links Widget -->
+
                                </ul>
            <div class="col-md-3" style="margin-bottom:0;padding-bottom:0">
+
                            </div>
                <div class="col-md-12 footer-widget social-widget row">
+
                            <!-- Sidebar for windows < 1024px -->
                    <h4>Share This<span class="head-line"></span></h4>
+
                            <div id="sidebar2"class="widget widget-categories">
                    <ul class="social-icons">
+
                                <h4 style="font-size:18px">Team <span class="head-line"></span></h4>
                        <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>
+
                                <ul>
                        <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>
+
                                    <li><a href="#Modeling-Overview">Overview</a></li>
                        <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>
+
                                    <li><a href="#Modeling-SSPD">SSPD Method</a></li>
                    </ul>
+
                                    <li><a href="#Modeling-OligoGenerator">Oligo Generator</a></li>
                </div>
+
                                </ul>
                <div class="col-md-12 footer-widget social-widget row">
+
                            </div>
                    <h4>Follow Us<span class="head-line"></span></h4>
+
                        </div>
                    <ul class="social-icons">
+
                        <!--End sidebar-->
                        <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>
+
                        <!-- Page Content -->
                        <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>
+
                        <div class="col-md-9 page-content">
                        <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>
+
                            <div id="Modeling-Marker Finder">
                    </ul>
+
                                <!-- Classic Heading -->
                </div>
+
                            <div id="Modeling-Overview" class="col-md-12" style="padding:0">
            </div><!-- .col-md-3 --><!-- End Subscribe & Social Links Widget -->
+
                                <h3 class="classic-title"><span>Overview</span></h3>
            <div class="col-md-6" style="margin-bottom:0;padding-bottom:0">
+
                                <!-- Some Text -->
                <div class="footer-widget">
+
                                <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>
                    <h4>Sponsors<span class="head-line" ></span></h4>
+
                                    We develop a method named SSPD to achieve our aim, which is composed of 4 steps: <br>
                    <ul>
+
                                    <ul class='disc'>
                        <li class="col-md-6" id="PKU-administration" style="margin-bottom:25px;max-width:300px">
+
                                        <li>Search for guide sequences of gRNA candidates</li>
                            <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>Specificity test for each candidate</li>
                        </li>
+
                                        <li>Pair left and right target sites with optimal spacer length</li>
                        <li class="col-md-6" id="PKU-SLS" style="margin-bottom:25px;max-width:300px">
+
                                        <li>Design PCR fragments</li>
                            <a href="http://www.bio.pku.edu.cn/"><img src="https://static.igem.org/mediawiki/2015/9/9f/SLS-logo.png"></a>
+
                                    </ul>
                        </li>
+
                                    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).
                        <li class="col-md-6" id="IMCAS" style="margin-bottom:25px;max-width:300px">
+
                                </p>
                            <a href="http://english.im.cas.cn/"><img src="https://static.igem.org/mediawiki/2015/a/a9/IMCAS-logo.png"></a>
+
                            </div>
                        </li>
+
                            <!--Modeling-SSPD-->
                        <li class="col-md-6" id="PKU-CQB" style="margin-bottom:25px;max-width:300px">
+
                            <!-- Classic Heading -->
                            <a href="http://cqb.pku.edu.cn/en/"><img src="https://static.igem.org/mediawiki/2015/0/09/CQB-logo.png"></a>
+
                            <div id="Modeling-SSPD" class="col-md-12" style="padding:0">
                        </li>
+
                                <h3 class="classic-title"><span>SSPD Methods</span></h3>
                        <li class="col-md-6" id="BluePha" style="margin-bottom:25px; max-width:300px">
+
                                <!--Modeling-SSPD-S1-->
                            <a href="http://www.bluepha.com/"><img src="https://static.igem.org/mediawiki/2015/1/12/Bluepha-logo.png"></a>
+
                                <div id="SSPD-S1" class='col-md-12' style='margin:0; padding:0'>
                        </li>
+
                                    <h4><em>Search for guide sequences of gRNA candidates</em></h4>
                        <li class="col-md-6" id="Synbio" style="margin-bottom:25px;max-width:300px">
+
                                    <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 1 </b></a>)
                            <a href="http://www.synbio-tech.com.cn/"><img src="https://static.igem.org/mediawiki/2015/7/78/Synbio-logo.png"></a>
+
                                    </p>
                        </li>
+
                                    <div id="Modeling_Fig1">
                    </ul>
+
                                        <img alt="Modeling_Fig1" src="https://static.igem.org/mediawiki/2015/0/06/All_score.gif">
                </div>
+
                                        <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><!--End sponsor Widget-->
+
                                    </div>
            <!-- Start Contact Widget -->
+
                                    <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.
            <div class="col-md-3" style="margin-bottom:0;padding-bottom:0">
+
                                    </p>
                <div class="footer-widget">
+
                                    <div id="Modeling_Table1">
                    <h4>Contact us<span class="head-line" ></span></h4>
+
                                        <p class='col-md-1'></p>
                    <div class="footer-widget contact-widget" style="font-size:12px">
+
                                        <table border='1' style='margin:10px;padding:10px' class='col-md-6'>
                        <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">
+
                                            <tr>
                        <ul>
+
                                                <td>Left gRNA candidates (CCNN20)</td>
                            <li><span>Email:</span> pekingigem@gmail.com</li>
+
                                                <td>414962</td>
                             <li><span>Website:</span> <a href="2015.igem.org/Team:Peking" style="color:#b4b4b4">2015.igem.org/Team:Peking</a></li>
+
                                            </tr>
                            <li><span>Address:</span> Peking University, <br>No.5 Yiheyuan Road Haidian District, <br>Beijing, P.R.China 100871</li>
+
                                            <tr>
                         </ul>
+
                                                <td>Right gRNA candidates (CCNN20)</td>
 +
                                                <td>407371</td>
 +
                                            </tr>
 +
                                        </table>
 +
                                        <p class='col-md-12'>Table 1. The number of gRNA candidates in Mycobacterium Tuberculosis genome</p>
 +
                                    </div>
 +
                                </div>
 +
                                <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>
 +
                                    <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>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>
 +
                                        <div id="Modeling_Table2">
 +
                                            <p class='col-md-1'></p>
 +
                                            <table border='1' style='margin:10px;padding:10px' class='col-md-6'>
 +
                                                <tr>
 +
                                                    <td>Left gRNA candidates (CCNN20)</td>
 +
                                                    <td>55156</td>
 +
                                                </tr>
 +
                                                <tr>
 +
                                                    <td>Right gRNA candidates (CCNN20)</td>
 +
                                                    <td>54938</td>
 +
                                                </tr>
 +
                                            </table>
 +
                                            <p class='col-md-12'>Table 2. The number of gRNA candidates left after the first filtration in Mycobacterium Tuberculosis genome</p>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div id="SSPD-filter2" class='col-md-12' style='margin:0; padding:0'>
 +
                                        <h5><em>b) Score filtration </em></h5>
 +
                                        <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<sup>[4][5]</sup> 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.<sup>[4]</sup>
 +
                                        </p>
 +
                                        <div>
 +
                                        <img class='col-md-12' alt="Modeling_Fm1" src="https://static.igem.org/mediawiki/2015/0/06/All_score.gif">
 +
                                        <img class='col-md-12' alt="Modeling_Fm2" src="https://static.igem.org/mediawiki/2015/0/06/All_score.gif">
 +
                                        </div>
 +
                                        <p>
 +
                                        In the first term, <i>e</i> runs over the mismatch positions set <i>M</i> between the guide and the off-target site, with <i>W</i> representing the experimentally-determined effect of mismatch position on targeting.<sup>[5]</sup> Term two refers to the effect caused by mean pairwise distance between mismatches(d). Term three represent a dampening penalty for highly mismatched off-targets, where n<sub>m</sub> refers to the number of mismatches.  
 +
                                        </p>
 +
                                        <div id="Modeling_Fig2">
 +
                                            <img alt="Modeling_Fig2" src="https://static.igem.org/mediawiki/2015/0/06/All_score.gif">
 +
                                            <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>
 +
                                        <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:
 +
                                        </p>
 +
                                        <div>
 +
                                        <img alt="Modeling_Fm3" src="https://static.igem.org/mediawiki/2015/0/06/All_score.gif">
 +
                                        <p> <i>h</i> runs over the potential off-target set <i>T</i> of guide sequence </p>
 +
                                        </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>
 +
                                        <div id="Modeling_Table3">
 +
                                            <p class='col-md-1'></p>
 +
                                            <table border='1' style='margin:10px;padding:10px' class='col-md-6'>
 +
                                                <tr>
 +
                                                    <td>Left gRNA candidates (CCNN20)</td>
 +
                                                    <td>54417</td>
 +
                                                </tr>
 +
                                                <tr>
 +
                                                    <td>Right gRNA candidates (CCNN20)</td>
 +
                                                    <td>54288</td>
 +
                                                </tr>
 +
                                            </table>
 +
                                            <p class='col-md-12'>Table 2. The number of gRNA candidates left after the first filtration in Mycobacterium Tuberculosis genome</p>
 +
                                        </div>
 +
                                        <div id="Modeling_Fig3">
 +
                                        <img class='col-md-6' alt="Modeling_Fig3" src="https://static.igem.org/mediawiki/2015/0/06/All_score.gif">
 +
                                        <img class='col-md-6' alt="Modeling_Fig3" src="https://static.igem.org/mediawiki/2015/0/06/All_score.gif">
 +
                                        <p class='col-md-1'></p>
 +
                                        <img class='col-md-9' alt="Modeling_Fig3" src="https://static.igem.org/mediawiki/2015/0/06/All_score.gif">
 +
                                        <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>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                                <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>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>
 +
                                    <div id="Modeling_Fig4">
 +
                                        <img alt="Modeling_Fig4" src="https://static.igem.org/mediawiki/2015/0/06/All_score.gif">
 +
                                        <p>Figure 4. The effect of spacer length variation on the performance of PC reporter system. Orientation of sgRNA binding-site pairs used in the test is "PAM-out" and the spacer sequence length varies from 5bp to 107bp.</p>
 +
                                        <div id="Modeling_Table4">
 +
                                            <p class='col-md-1'></p>
 +
                                            <table border='1' style='margin:10px;padding:10px' class='col-md-6'>
 +
                                                <tr>
 +
                                                    <td>Spacer Length</td>
 +
                                                    <td>19</td><td>20</td><td>21</td>
 +
                                                    <td>22</td><td>23</td><td>19-23</td>
 +
                                                </tr>
 +
                                                <tr>
 +
                                                    <td>Marker Number</td>
 +
                                                    <td>690</td><td>836</td><td>746</td>
 +
                                                    <td>720</td><td>759</td><td>3751</td>
 +
                                                </tr>
 +
                                            </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>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                                <div id="SSPD-D" class='col-md-12' style='margin:0; padding:0'>
 +
                                    <h4><em>Design PCR fragments</em></h4>
 +
                                    <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>
 +
                                    <div id="Modeling_Fig5">
 +
                                        <img alt="Modeling_Fig5" src="https://static.igem.org/mediawiki/2015/0/06/All_score.gif">
 +
                                        <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>
 +
                                    <div id="Modeling_Fig6">
 +
                                        <img alt="Modeling_Fig6" src="https://static.igem.org/mediawiki/2015/0/06/All_score.gif">
 +
                                        <p>Figure 6. The result of 72 sequence markers chosen in MTB genome. They are divided into 9 fragments for PCR as shown above</p>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                            <!--End of Modeling-SSPD-->
 +
                            <!--Start Oligo Generator-->
 +
                            <div id="Modeling-OligoG" class="col-md-12" style="padding:0">
 +
                                <h3 class="classic-title"><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 2</b></a>.
 +
                                </p>
 +
                                <div id="Modeling_Fig7">
 +
                                    <img alt="Modeling_Fig7" src="https://static.igem.org/mediawiki/2015/0/06/All_score.gif">
 +
                                    <p>Figure 7. Schematic illustration of a flow chart explaining the protocol of guide sequence substitution.</p>
 +
                                </div>
 +
                             </div><!-- End Oligo Generator-->
 +
                            <div id="Modeling-Ref" class="col-md-12" style="padding:0">
 +
                                <h3 class="classic-title"><span>Reference</span></h3>
 +
                            </div><!-- End Reference-->
 +
                            </div>
 +
                         </div><!-- End Page Content-->
 
                     </div>
 
                     </div>
                 </div><!-- .col-md-3 -->
+
                 </div><!-- End Container -->
                <!-- End Contact Widget -->
+
            </div><!-- End Content -->
            </div><!-- .row -->
+
            <!-- Start Footer -->
            <!-- Start Copyright -->
+
            <footer style="margin-top:30px;padding-top:25px">
            <div class="copyright-section" style="margin-top:0;margin-bottom:0">
+
                <div class="container">
                <div class="row">
+
                    <div class="row footer-widgets">
                    <div class="col-md-6">
+
                        <!-- Start Subscribe & Social Links Widget -->
                        <p>&copy; 2015 Peking iGEM - All Rights Reserved.  Based on <a href="http://getbootstrap.com/">Bootstrap</a> and Margo template.</p>
+
                        <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>
 +
                                <ul class="social-icons">
 +
                                    <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>
 +
                                    <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>
 +
                                    <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>
 +
                                </ul>
 +
                            </div>
 +
                            <div class="col-md-12 footer-widget social-widget row">
 +
                                <h4>Follow Us<span class="head-line"></span></h4>
 +
                                <ul class="social-icons">
 +
                                    <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>
 +
                                    <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>
 +
                                    <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>
 +
                                </ul>
 +
                            </div>
 +
                        </div><!-- .col-md-3 --><!-- End Subscribe & Social Links Widget -->
 +
                        <div class="col-md-6" style="margin-bottom:0;padding-bottom:0">
 +
                            <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" 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>
 +
                        <!-- End Copyright -->
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 +
            </footer><!-- End Footer -->
 +
        </div><!-- End Container -->
 +
        <!-- Go To Top Link -->
 +
        <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>
 +
        <!--loader-->
 +
        <div id="loader">
 +
            <div class="spinner">
 +
                <div class="dot1"></div>
 +
                <div class="dot2"></div>
 
             </div>
 
             </div>
            <!-- End Copyright -->
 
 
         </div>
 
         </div>
    </div>
+
         <!-- add  ?action=raw&amp;ctype=text/javascript    when using Js-->
</footer><!-- End Footer -->
+
        <script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js?action=raw&amp;ctype=text/javascript"></script>
</div><!-- End Container -->
+
        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Migrate?action=raw&amp;ctype=text/javascript"></script>
<!-- Go To Top Link -->
+
        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Modernizr?action=raw&amp;ctype=text/javascript "></script>
<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>
+
        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript?action=raw&amp;ctype=text/javascript"></script>
<!--loader-->
+
        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Carousel?action=raw&amp;ctype=text/javascript"></script>
<div id="loader">
+
        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Appear?action=raw&amp;ctype=text/javascript"></script>
    <div class="spinner">
+
        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Count-to?action=raw&amp;ctype=text/javascript"></script>
         <div class="dot1"></div>
+
        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Textillate?action=raw&amp;ctype=text/javascript"></script>
        <div class="dot2"></div>
+
        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Easypiechart?action=raw&amp;ctype=text/javascript"></script>
    </div>
+
        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Nicescroll?action=raw&amp;ctype=text/javascript"></script>
</div>
+
        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Script?action=raw&amp;ctype=text/javascript"></script>
<!-- add  ?action=raw&amp;ctype=text/javascript    when using Js-->
+
        <script type="text/javascript" >
<script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js?action=raw&amp;ctype=text/javascript"></script>
+
        function menuFixed(id){
<script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Migrate?action=raw&amp;ctype=text/javascript"></script>
+
        var obj = document.getElementById(id);
<script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Modernizr?action=raw&amp;ctype=text/javascript "></script>
+
        var _getHeight = obj.offsetTop;
<script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript?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/Carousel?action=raw&amp;ctype=text/javascript"></script>
+
        }
<script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Appear?action=raw&amp;ctype=text/javascript"></script>
+
        function changePos(id,height){
<script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Count-to?action=raw&amp;ctype=text/javascript"></script>
+
        var obj = document.getElementById(id);
<script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Textillate?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/Easypiechart?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/Nicescroll?action=raw&amp;ctype=text/javascript"></script>
+
        else{obj.style.position = 'fixed';}}
<script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Script?action=raw&amp;ctype=text/javascript"></script>
+
        </script>
<script type="text/javascript" >
+
        <script type="text/javascript">
  function menuFixed(id){
+
        window.onload = function(){menuFixed('sidebar1');}
    var obj = document.getElementById(id);
+
        </script>
    var _getHeight = obj.offsetTop;
+
    </body>
    window.onscroll = function(){changePos(id,_getHeight);}
+
  }
+
  function changePos(id,height){
+
    var obj = document.getElementById(id);
+
    var scrollTop = document.documentElement.scrollTop || document.body.scrollTop - 150;
+
    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>

Revision as of 06:15, 18 September 2015

Modeling

Specificity!!!!

Overview

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.
We develop a method named SSPD to achieve our aim, which is composed of 4 steps:

  • Search for guide sequences of gRNA candidates
  • Specificity test for each candidate
  • Pair left and right target sites with optimal spacer length
  • Design PCR fragments
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).

SSPD Methods

Search for guide sequences of gRNA candidates

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 Supplementary 1 )

Modeling_Fig1

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

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 (CCNN20) 414962
Right gRNA candidates (CCNN20) 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 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.

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, 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.

Left gRNA candidates (CCNN20) 55156
Right gRNA candidates (CCNN20) 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[4][5] 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.[4]

Modeling_Fm1 Modeling_Fm2

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

Modeling_Fig2

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 T 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 (CCNN20) 54417
Right gRNA candidates (CCNN20) 54288

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

Modeling_Fig3 Modeling_Fig3

Modeling_Fig3

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. Orientation of sgRNA binding-site pairs used in the test is "PAM-out" and the spacer sequence length varies from 5bp to 107bp.

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.

Modeling_Fig5

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. The result of 72 sequence markers chosen in MTB genome. They are divided into 9 fragments for PCR as shown above

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 2.

Modeling_Fig7

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

Reference