Difference between revisions of "Team:Peking/Modeling/test"

Line 191: Line 191:
 
                                     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).
 
                                     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).
 
                                 </p>
 
                                 </p>
                                <!--Members-introduction-->
+
                            </div>
                                <!-- Classic Heading -->
+
                            <!--Modeling-SSPD-->
                                <div id="Modeling-SSPD">
+
                            <!-- Classic Heading -->
                                    <h3 class="classic-title"><span>SSPD Methods</span></h3>
+
                            <div id="Modeling-SSPD">
                                    <!--Modeling-SSPD-S1-->
+
                                <h3 class="classic-title"><span>SSPD Methods</span></h3>
                                    <div id="SSPD-S1" class='col-md-12' style='margin:0; padding:0'>
+
                                <!--Modeling-SSPD-S1-->
                                        <h4><em>Search for guide sequences of gRNA candidates</em></h4>
+
                                <div id="SSPD-S1" class='col-md-12' style='margin:0; padding:0'>
                                        <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>)
+
                                    <h4><em>Search for guide sequences of gRNA candidates</em></h4>
                                        </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 1 </b></a>)
                                        <div id="Modeling_Fig1">
+
                                    </p>
                                            <img alt="Modeling_Fig1" src="https://static.igem.org/mediawiki/2015/0/07/Peking_individual_WEI_Weijia.jpg">
+
                                    <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>
+
                                        <img alt="Modeling_Fig1" src="https://static.igem.org/mediawiki/2015/0/07/Peking_individual_WEI_Weijia.jpg">
                                        </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>
                                        <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>
+
 
                                     </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>
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
                             <!--End of Team-introduction-->
+
                             <!--End of Modeling-SSPD-->
                             <!--Start Instructor-->
+
                             <!--Start Oligo Generator-->
                             <div id="Team-Instructors">
+
                             <div id="Modeling-OligoG">
                                 <h3 class="classic-title" style="margin-top:25px"><span>Instructors</span></h3>
+
                                 <h3 class="classic-title" style="margin-top:25px"><span>Oligo Generator</span></h3>
                                 <div class="row">
+
                                 <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, Figure 6). 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>.
                                    <div class="col-md-4">
+
                                </p>
                                        <img alt="OUYangqi-Peking" src="https://static.igem.org/mediawiki/2015/a/a8/Peking_individual_OUYANG_Qi.jpg" style="max-width:150px" >
+
                                <div id="Modeling_Fig1">
                                        <h4><em>&nbsp;&nbsp;OUYANG Qi</em></h4>
+
                                    <img alt="Modeling_Fig7" src="https://static.igem.org/mediawiki/2015/0/07/Peking_individual_WEI_Weijia.jpg">
                                     </div>
+
                                    <p>Figure 7. Schematic illustration of a flow chart explaining the protocol of guide sequence substitution.</p>
                                    <div class="col-md-4">
+
                                </div>
                                        <img alt="LOUChunbo-Peking" src="https://static.igem.org/mediawiki/2015/8/84/Peking_individual_LOU_Chunbo.jpg"style="max-width:150px" >
+
                            </div><!-- End Oligo Generator-->
                                         <h4><em>&nbsp;&nbsp;LOU Chunbo</em></h4>
+
                        </div><!-- End Page Content-->
                                     </div>
+
                    </div>
                                     <div class="col-md-4">
+
                </div><!-- End Container -->
                                         <img alt="ZHANGHaoqian-Peking" src="https://static.igem.org/mediawiki/2015/0/0a/Peking_individual_ZHANG_Haoqian.jpg"style="max-width:150px" >
+
            </div><!-- End Content -->
                                         <h4><em>&nbsp;&nbsp;ZHANG Haoqian</em></h4>
+
            <!-- 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>
 +
                                <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>
 
                             </div>
 
                         </div>
 
                         </div>
                         <!--End Instructor-->
+
                         <!-- End Copyright -->
                        <!--Start Acknowledgement-->
+
                        <div id="Team-Acknowledgement">
+
                            <h3 class="classic-title" style="margin-top:25px"><span>Acknowledgement</span></h3>
+
                        </div>
+
                        <!--End Acknowledgement-->
+
                        </div><!-- End Page Content-->
+
 
                     </div>
 
                     </div>
                    </div><!-- End Content -->
+
                </div>
                    <!-- Start Footer -->
+
            </footer><!-- End Footer -->
                    <footer style="margin-top:30px;padding-top:25px">
+
        </div><!-- End Container -->
                        <div class="container">
+
        <!-- Go To Top Link -->
                            <div class="row footer-widgets">
+
        <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>
                                <!-- Start Subscribe & Social Links Widget -->
+
        <!--loader-->
                                <div class="col-md-3" style="margin-bottom:0;padding-bottom:0">
+
        <div id="loader">
                                    <div class="col-md-12 footer-widget social-widget row">
+
            <div class="spinner">
                                        <h4>Share This<span class="head-line"></span></h4>
+
                <div class="dot1"></div>
                                        <ul class="social-icons">
+
                <div class="dot2"></div>
                                            <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>
+
            </div>
                                            <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>
+
        </div>
                                            <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>
+
        <!-- add  ?action=raw&amp;ctype=text/javascript    when using Js-->
                                        </ul>
+
        <script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js?action=raw&amp;ctype=text/javascript"></script>
                                    </div>
+
        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Migrate?action=raw&amp;ctype=text/javascript"></script>
                                    <div class="col-md-12 footer-widget social-widget row">
+
        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Modernizr?action=raw&amp;ctype=text/javascript "></script>
                                        <h4>Follow Us<span class="head-line"></span></h4>
+
        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript?action=raw&amp;ctype=text/javascript"></script>
                                        <ul class="social-icons">
+
        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Carousel?action=raw&amp;ctype=text/javascript"></script>
                                            <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>
+
        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Appear?action=raw&amp;ctype=text/javascript"></script>
                                            <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>
+
        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Count-to?action=raw&amp;ctype=text/javascript"></script>
                                            <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>
+
        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Textillate?action=raw&amp;ctype=text/javascript"></script>
                                        </ul>
+
        <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><!-- .col-md-3 --><!-- End Subscribe & Social Links Widget -->
+
        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Script?action=raw&amp;ctype=text/javascript"></script>
                                    <div class="col-md-6" style="margin-bottom:0;padding-bottom:0">
+
        <script type="text/javascript" >
                                        <div class="footer-widget">
+
        function menuFixed(id){
                                            <h4>Sponsors<span class="head-line" ></span></h4>
+
        var obj = document.getElementById(id);
                                            <ul>
+
        var _getHeight = obj.offsetTop;
                                                <li class="col-md-6" id="PKU-administration" style="margin-bottom:25px;max-width:300px">
+
        window.onscroll = function(){changePos(id,_getHeight);}
                                                    <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>
+
        function changePos(id,height){
                                                <li class="col-md-6" id="PKU-SLS" style="margin-bottom:25px;max-width:300px">
+
        var obj = document.getElementById(id);
                                                    <a href="http://www.bio.pku.edu.cn/"><img src="https://static.igem.org/mediawiki/2015/9/9f/SLS-logo.png"></a>
+
        var scrollTop = document.documentElement.scrollTop || document.body.scrollTop - 150;
                                                </li>
+
        if(scrollTop < height){obj.style.position = 'relative';}
                                                <li class="col-md-6" id="IMCAS" style="margin-bottom:25px;max-width:300px">
+
        else{obj.style.position = 'fixed';}}
                                                    <a href="http://english.im.cas.cn/"><img src="https://static.igem.org/mediawiki/2015/a/a9/IMCAS-logo.png"></a>
+
        </script>
                                                </li>
+
        <script type="text/javascript">
                                                <li class="col-md-6" id="PKU-CQB" style="margin-bottom:25px;max-width:300px">
+
        window.onload = function(){menuFixed('sidebar1');}
                                                    <a href="http://cqb.pku.edu.cn/en/"><img src="https://static.igem.org/mediawiki/2015/0/09/CQB-logo.png"></a>
+
        </script>
                                                </li>
+
    </body>
                                                <li class="col-md-6" id="BluePha" style="margin-bottom:25px; max-width:300px">
+
</html>
                                                    <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><!-- .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>
+
                                        </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>
+
                                        <!-- 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>
+
                                        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Migrate?action=raw&amp;ctype=text/javascript"></script>
+
                                        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Modernizr?action=raw&amp;ctype=text/javascript "></script>
+
                                        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript?action=raw&amp;ctype=text/javascript"></script>
+
                                        <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>
+
                                        <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>
+
                                        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Nicescroll?action=raw&amp;ctype=text/javascript"></script>
+
                                        <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Script?action=raw&amp;ctype=text/javascript"></script>
+
                                        <script type="text/javascript" >
+
                                        function menuFixed(id){
+
                                        var obj = document.getElementById(id);
+
                                        var _getHeight = obj.offsetTop;
+
                                        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>
+

Revision as of 20:14, 17 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.

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, Figure 6). 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.