Difference between revisions of "Team:HZAU-China/Design"
| Line 2: | Line 2: | ||
<html> | <html> | ||
<head> | <head> | ||
| − | <meta charset=" | + | <meta charset="utf-8"> |
| − | <!-- | + | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| + | <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"> | ||
| + | <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script> | ||
| + | <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script> | ||
| + | <!--公式编辑器--> | ||
| + | <script src="//cdn.bootcss.com/mathjax/2.7.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> | ||
| + | <script type="text/x-mathjax-config"> | ||
| + | MathJax.Hub.Config({ | ||
| + | extensions: ["tex2jax.js"], | ||
| + | jax: ["input/TeX", "output/HTML-CSS"], | ||
| + | tex2jax: { | ||
| + | inlineMath: [ ['$','$'], ["\\(","\\)"] ], | ||
| + | displayMath: [ ['$$','$$'], ["\\[","\\]"] ], | ||
| + | processEscapes: true | ||
| + | }, | ||
| + | "HTML-CSS": { availableFonts: ["TeX"] } | ||
| + | }); | ||
| + | </script> | ||
| + | <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> | ||
| + | </script> | ||
<style> | <style> | ||
| − | + | /*小导航栏样式*/ | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | . | + | .container-fluid { |
| − | + | margin: 0; | |
| − | + | padding: 0; | |
| + | border: 0; | ||
} | } | ||
| − | . | + | .container-fluid { |
| − | + | margin: 0; | |
| + | padding: 0; | ||
| + | border: 0; | ||
} | } | ||
| − | . | + | ul.nav-pills { |
| − | + | background: url(https://static.igem.org/mediawiki/2017/3/35/T--HZAU-China--background.png); | |
| − | + | background-size: 100% auto; | |
| − | + | background-repeat: no-repeat; | |
| − | + | position: fixed; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
display: block; | display: block; | ||
| − | + | top: 50%; | |
| − | + | margin-top: -144.5px; | |
| − | + | margin-right: 40px; | |
| − | height: | + | height: 289px; |
| − | width: | + | width: 200px; |
overflow: hidden; | overflow: hidden; | ||
} | } | ||
| − | . | + | ul.nav-pills>li { |
| − | + | position: relative; | |
| − | + | top: 50%; | |
} | } | ||
| − | . | + | ul.nav-pills>li>a { |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
font-size: 16px; | font-size: 16px; | ||
| + | padding: 14px 0 14px 20px; | ||
| + | border-bottom-left-radius: 0px; | ||
| + | border-bottom-right-radius: 0px; | ||
| + | border-top-left-radius: 0px; | ||
| + | border-top-right-radius: 0px | ||
} | } | ||
| − | + | #change_top { | |
| − | + | margin-top: -80px; | |
| − | + | ||
| − | + | ||
} | } | ||
| − | . | + | /*小导航栏触碰后变色*/ |
| − | + | ||
| − | + | .nav-pills>li>a { | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
color: rgb(249, 228, 137); | color: rgb(249, 228, 137); | ||
| − | + | font-weight: 900; | |
| − | font- | + | |
| − | + | ||
} | } | ||
| − | . | + | .nav-pills>li.active>a, |
| − | background: rgb(249, 228, 137); | + | .nav-pills>li.active>a:focus, |
| + | .nav-pills>li.active>a:hover { | ||
| + | color: #000; | ||
| + | background-color: rgb(249, 228, 137); | ||
} | } | ||
| − | . | + | .nav-pills>li>a:focus, |
| + | .nav-pills>li>a:hover { | ||
color: #000; | color: #000; | ||
| + | background-color: rgb(249, 228, 137); | ||
} | } | ||
| − | . | + | /*改变超链接的位置*/ |
| + | .jiaozheng{ | ||
| + | position: relative; | ||
| + | top: -66px; | ||
| + | } | ||
| + | </style> | ||
| + | <!--内容的样式--> | ||
| + | <style> | ||
| + | /*总样式*/ | ||
| + | |||
| + | body { | ||
| + | font-family: "Arial", Helvetica, sans-serif; | ||
| + | text-align: justify; | ||
| + | margin: 0px; | ||
| + | background-color: #ffffff; | ||
| + | } | ||
| + | |||
| + | /*内容框子的样式*/ | ||
| + | |||
| + | .col-sm-9 { | ||
position: absolute; | position: absolute; | ||
| − | + | top: 43px; | |
| − | + | left: 50%; | |
| + | margin-left: -330px; | ||
| + | padding: 0; | ||
| + | width: 900px; | ||
| + | height: 2300px; | ||
| + | z-index: -1; | ||
| + | } | ||
| + | |||
| + | /*内容中几种文体的样式*/ | ||
| + | |||
| + | .col-sm-9 a:hover { | ||
| + | color: #000; | ||
| + | text-decoration: none; | ||
} | } | ||
| Line 110: | Line 148: | ||
margin-left: 0px; | margin-left: 0px; | ||
margin-right: 0px; | margin-right: 0px; | ||
| − | margin-top: 7.2px | + | margin-top: 7.2px; |
} | } | ||
| − | . | + | .zhengwen_disblock { |
| + | font-style: arial; | ||
| + | font-size: 18px; | ||
| + | line-height: 34px; | ||
| + | text-align: justify; | ||
| + | color: #000; | ||
| + | margin-bottom: 9px; | ||
| + | margin-left: 0px; | ||
| + | margin-right: 0px; | ||
| + | margin-top: 7.2px; | ||
| + | } | ||
| + | |||
| + | .yinzhu{ | ||
| + | |||
| + | } | ||
| + | |||
| + | .yinzhu:hover .yinzhu{ | ||
| + | |||
| + | } | ||
| + | |||
| + | .yinwen{ | ||
| + | display: block; | ||
| + | font-style: arial; | ||
| + | font-size: 18px; | ||
| + | line-height: 34px; | ||
| + | text-align: justify; | ||
| + | color: #000; | ||
| + | margin-bottom: 9px; | ||
| + | margin-left: 0px; | ||
| + | margin-right: 0px; | ||
| + | margin-top: 7.2px; | ||
| + | } | ||
| + | .shangduiqi { | ||
position: relative; | position: relative; | ||
} | } | ||
| − | . | + | .shangduiqi a { |
position: absolute; | position: absolute; | ||
top: -66px; | top: -66px; | ||
} | } | ||
| − | . | + | /*图片的样式*/ |
| + | |||
| + | .col-sm-9 img { | ||
margin: 0 auto; | margin: 0 auto; | ||
display: block; | display: block; | ||
| Line 129: | Line 201: | ||
.tu_1 { | .tu_1 { | ||
width: 333px; | width: 333px; | ||
| + | } | ||
| + | |||
| + | .tu_2 { | ||
| + | width: 555px; | ||
} | } | ||
</style> | </style> | ||
| − | < | + | <!--点击展开部分的样式--> |
| + | <style> | ||
| + | span.caret_black { | ||
| + | display: inline-block; | ||
| + | margin-left: 6px; | ||
| + | vertical-align: middle; | ||
| + | width: 0; | ||
| + | height: 0; | ||
| + | border-left: 6px solid transparent; | ||
| + | border-right: 6px solid transparent; | ||
| + | border-top: 6px solid black; | ||
| + | } | ||
| − | < | + | label { |
| − | <div | + | cursor: pointer; |
| − | < | + | } |
| − | + | ||
| − | + | #HZAUmenu-toggle { | |
| − | + | display: none; | |
| − | + | } | |
| − | + | ||
| − | + | #HZAUmenu { | |
| − | + | display: none; | |
| − | + | font-size: 17.5px; | |
| − | + | padding: 0 50px 0 50px; | |
| − | + | width: 800px; | |
| − | + | margin: 0; | |
| − | + | color: black; | |
| − | + | } | |
| − | + | ||
| − | + | #HZAUmenu>a { | |
| − | + | color: #000; | |
| − | + | } | |
| − | + | ||
| − | + | #HZAUmenu>a:hover { | |
| − | + | color: #000; | |
| − | + | text-decoration: none; | |
| − | + | } | |
| − | + | ||
| − | + | #HZAUmenu-toggle:checked+#HZAUmenu { | |
| − | + | display: block; | |
| + | } | ||
| + | </style> | ||
| + | <style> | ||
| + | div.nav_body { | ||
| + | padding: 7px 0 7px 0; | ||
| + | height: 50px; | ||
| + | } | ||
| + | </style> | ||
| + | </head> | ||
| + | <body data-spy="scroll" data-target="#myScrollspy" data-offset="20"> | ||
| + | <div class="container"> | ||
| + | <div class="row"> | ||
| + | <nav class="col-sm-3" id="myScrollspy"> | ||
| + | <div class="container-fluid"> | ||
| + | <div class="container-fluid"> | ||
| + | <ul class="nav nav-pills nav-stacked"> | ||
| + | <li class="active" id="change_top"> | ||
| + | <a href="#section1">default</a> | ||
| + | </li> | ||
| + | <li style="margin:-2px"> | ||
| + | <a href="#section2">default</a> | ||
| + | </li> | ||
| + | <li style="margin:0px"> | ||
| + | <a href="#section3">default</a> | ||
| + | </li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </div> | ||
| + | </nav> | ||
| + | <div class="col-sm-9"> | ||
| + | <div> | ||
| + | <div id="section1" class="jiaozheng"> | ||
| + | </div> | ||
| + | </div> | ||
| + | <a class="biaoti">Design</a> | ||
| + | <a class="zhengwen">Our whole plan is to control the cell replication dynamically. After research, we decided to combine the CRISPR and optogenetic to construct our system.</a> | ||
| + | <img src="https://i0.hdslb.com/bfs/bangumi/71ff7c74c34eeac1c12379c40126d200233780dd.jpg_144x144.jpg" class="tu_1"> | ||
| + | <a class="zhengwen_disblock">Like mentioned in description, DnaA protein is essential for cell cycle control</a><a class="yinzhu" href="#yinwen_jiaozheng">$^{[1]}$</a><a class="zhengwen_disblock">, so we decide to interrupt its binding to corresponding DNA using CRISPR/dCas9. Under the guidance of gRNA dCas9 will bind to where DnaA should bind blocking further reaction to form replisome</a><a class="yinzhu" href="#yinwen_jiaozheng">$^{[1]}$</a><a class="zhengwen_disblock">. Without replisome, the chromosome can’t replicate block it at phase B. Compared with engineering DnaA protein, this method is more easy and robust, and can be readily integrated into other prokaryotes.</a> | ||
| + | <img src="https://i0.hdslb.com/bfs/bangumi/71ff7c74c34eeac1c12379c40126d200233780dd.jpg_144x144.jpg" class="tu_1"> | ||
| + | <a class="zhengwen">Optogenetic is used to regulate the function of dCas9 due to its specificity in time and space and its easy manipulation, and it is also considered to be a proper connection between organism and computer. So we decided to use light to control the whole system. To accomplish this system, we designed two approaches, one is based on the reaction of transcription level, and the other is based on the protein interaction.</a> | ||
| + | <a class="zhengwen_disblock">On the transcription level, we used CcaS-CcaR system, which is developed from cyanobacteria and is well used in synthetic biology</a><a class="yinzhu" href="#yinwen_jiaozheng">$^{[3]}$</a><a class="zhengwen_disblock">. The CcaS-CcaR system is a two-component system. Under the green light, CcaS protein will be phosphorylated and the CcaR protein accept this phosphate and dimerize into a transcriptor inducing the transcription of gRNA, in which leading to the inhibition of replication. In the red light, the gRNA will stop transcription and degrade in a short time, and the inhibition will decrease in a short time freeing cell from blocking(Figure 1.). Corresponding results please see HERE.</a> | ||
| + | <img src="https://i0.hdslb.com/bfs/bangumi/71ff7c74c34eeac1c12379c40126d200233780dd.jpg_144x144.jpg" class="tu_1"> | ||
| + | <a class="zhengwen_disblock">The protein level of light controlled dCas9 system is based on the split protein and light induced dimerization (LID) protein. By infusing split dCas9 and LID protein together dCas9 can be controlled by light. (Figure 2.) The pMag and nMag developed from fungal is chosen to induce the complement of dCas9<a class="yinzhu" href="#yinwen_jiaozheng">$^{[4]}$</a><a class="zhengwen_disblock">. They are engineered VVD protein using FAD as its light sensing molecule. Under the irritation of blue light, the conformation change of FAD influences the structure of pMag and nMag revealing its dimerization domain. We choose this pair of protein due to its low molecular weight and tunable dynamics. (Figue 2. )</a> | ||
| + | <img src="https://i0.hdslb.com/bfs/bangumi/71ff7c74c34eeac1c12379c40126d200233780dd.jpg_144x144.jpg" class="tu_1"> | ||
| + | <a class="zhengwen">These two approaches both can satisfy our need in a certain way, but the former one is simpler but more related to metabolic state of chassis, and the latter one is more difficult to fulfill. We tried two approaches at the same time. For more information please view EXPERIMENT.</a> | ||
| + | <div> | ||
| + | <div id="yinwen_jiaozheng" class="jiaozheng"> | ||
| + | </div> | ||
| + | </div> | ||
| + | <a class="yinwen">1. Mott,M.L. and Berger,J.M. (2007) DNA replication initiation: mechanisms and regulation in bacteria. Nat. Rev. Microbiol., 5,343–354.</a> | ||
| + | <a class="yinwen">2. Wiktor, J., Lesterlin, C., Sherratt, D. J., & Dekker, C. (2016). CRISPR-mediated control of the bacterial initiation of replication. Nucleic Acids Res, 44(8), 3801-3810.</a> | ||
| + | <a class="yinwen">3. Fernandez-Rodriguez, J., Moser, F., Song, M., & Voigt, C. A. (2017). Engineering RGB color vision into Escherichia coli. Nature Chemical Biology, 13(7), 706-708.</a> | ||
| + | <a class="yinwen">4. Kawano, F., Suzuki, H., Furuya, A., & Sato, M. (2015). Engineered pairs of distinct photoswitches for optogenetic control of cellular proteins. Nat Commun, 6, 6256.</a> | ||
| + | </div> | ||
| + | </div> | ||
</div> | </div> | ||
| − | + | ||
| − | </body> | + | </body> |
| − | </html> | + | |
| + | </html> | ||
Revision as of 18:42, 31 October 2017
Like mentioned in description, DnaA protein is essential for cell cycle control$^{[1]}$, so we decide to interrupt its binding to corresponding DNA using CRISPR/dCas9. Under the guidance of gRNA dCas9 will bind to where DnaA should bind blocking further reaction to form replisome$^{[1]}$. Without replisome, the chromosome can’t replicate block it at phase B. Compared with engineering DnaA protein, this method is more easy and robust, and can be readily integrated into other prokaryotes.
Optogenetic is used to regulate the function of dCas9 due to its specificity in time and space and its easy manipulation, and it is also considered to be a proper connection between organism and computer. So we decided to use light to control the whole system. To accomplish this system, we designed two approaches, one is based on the reaction of transcription level, and the other is based on the protein interaction.
On the transcription level, we used CcaS-CcaR system, which is developed from cyanobacteria and is well used in synthetic biology$^{[3]}$. The CcaS-CcaR system is a two-component system. Under the green light, CcaS protein will be phosphorylated and the CcaR protein accept this phosphate and dimerize into a transcriptor inducing the transcription of gRNA, in which leading to the inhibition of replication. In the red light, the gRNA will stop transcription and degrade in a short time, and the inhibition will decrease in a short time freeing cell from blocking(Figure 1.). Corresponding results please see HERE.
The protein level of light controlled dCas9 system is based on the split protein and light induced dimerization (LID) protein. By infusing split dCas9 and LID protein together dCas9 can be controlled by light. (Figure 2.) The pMag and nMag developed from fungal is chosen to induce the complement of dCas9$^{[4]}$. They are engineered VVD protein using FAD as its light sensing molecule. Under the irritation of blue light, the conformation change of FAD influences the structure of pMag and nMag revealing its dimerization domain. We choose this pair of protein due to its low molecular weight and tunable dynamics. (Figue 2. )
These two approaches both can satisfy our need in a certain way, but the former one is simpler but more related to metabolic state of chassis, and the latter one is more difficult to fulfill. We tried two approaches at the same time. For more information please view EXPERIMENT.
