Difference between revisions of "Team:Peking"

 
(50 intermediate revisions by 5 users not shown)
Line 11: Line 11:
 
         <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.2, user-scalable=yes" />
 
         <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.2, user-scalable=yes" />
 
         <meta name="description" content="Wiki of Peking iGEM 2018" />
 
         <meta name="description" content="Wiki of Peking iGEM 2018" />
         <meta name="author" content="Li Jiamian & Wang Yuqing"/>
+
         <meta name="author" content="Peking iGEM"/>
 
         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
         <!-- Mobile Specific Metas===================================================================== -->
 
         <!-- Mobile Specific Metas===================================================================== -->
Line 27: Line 27:
 
         <link rel="stylesheet" href="https://2018.igem.org/Template:Peking/css/notebook_panel?action=raw&ctype=text/css"/>
 
         <link rel="stylesheet" href="https://2018.igem.org/Template:Peking/css/notebook_panel?action=raw&ctype=text/css"/>
 
         <style>
 
         <style>
 +
                        body { background: #D2D8D8 url(https://static.igem.org/mediawiki/2018/7/78/T--Peking--images_bodyBackground.jpeg); background-attachment:fixed;}
 
             .texttitle{
 
             .texttitle{
                 color: #11abb0;
+
                 color: #6495ED;
 
                 font-size: 38px;
 
                 font-size: 38px;
 
                 line-height: 48px;
 
                 line-height: 48px;
Line 49: Line 50:
 
         }
 
         }
 
         a, a:visited{
 
         a, a:visited{
           color:#00afd1;
+
           color:#6495ED;
  
 
         }
 
         }
Line 61: Line 62:
 
      
 
      
 
     <body>
 
     <body>
 +
 +
 +
        <!-- Home Section -->
 +
        <div id="home">
 +
           
 +
            <a id="slider_left"><img src="https://static.igem.org/mediawiki/2018/6/66/T--Peking--Homeleft.png" style="margin-top:100%" alt="Slide Left"></a>
 +
            <a id="slider_right"><img src="https://static.igem.org/mediawiki/2018/1/19/T--Peking--Homeright.png" style="margin-top:100%" alt="Slide Right"></a>
 +
           
 +
            <img id="cycle-loader" src="https://static.igem.org/mediawiki/2018/7/73/T--Peking--Homeloader.png" />
 +
          <!-- <img id="cycle-loader" src="https://static.igem.org/mediawiki/2018/0/09/T--Peking--driftE.gif" /> -->
 +
           
 +
            <div id="fullscreen-slider">
 +
               
 +
                <div>
 +
                  <!-- <img src="https://static.igem.org/mediawiki/2018/0/09/T--Peking--driftE.gif" alt="" />-->
 +
<img src="https://static.igem.org/mediawiki/2018/a/a4/T--Peking--Mainpage1.gif" alt="" />v
 +
                    <!--div class="pattern">
 +
                    <div class="slide-content light">
 +
                    <div class="div-align-center">
 +
                    <p class="georgia">Welcome to our website</p>
 +
                    <h1>We are newave</h1>
 +
                    <a href="#we-are-newave" class="newave-button medium white outline">See What we do</a>
 +
                    </div>
 +
                    </div>
 +
                    </div>-->
 +
                </div>
 +
               
 +
                <div>
 +
                    <img src="https://static.igem.org/mediawiki/2018/c/c4/T--Peking--zhang22%E8%B5%84%E6%BA%90_2%404x.png" alt="" />
 +
                    <!-- <div class="pattern">
 +
                    <div class="slide-content light">
 +
                    <div class="div-word-on-picture1">
 +
                    <h1>Uranium </h1>
 +
                    </div>
 +
                   
 +
                    <div class="div-word-on-picture2">
 +
                    <h1>Reaper</h1>
 +
                    </div>
 +
                   
 +
                    <p><span style="font-family:Verdana;font-size:15px">iGEM 2018</span></p>
 +
                    </div>
 +
                    </div>-->
 +
                </div>
 +
               
 +
                <div>
 +
                    <img src="https://static.igem.org/mediawiki/2018/6/64/T--Peking--zhang222%E8%B5%84%E6%BA%90_4%404x.png" alt="" />
 +
                    <!--<div class="pattern">
 +
                    <div class="slide-content light">
 +
                    <div class="div-align-center">
 +
                    <p class="georgia">Welcome to our website</p>
 +
                    <h1>We are newave</h1>
 +
                    <a href="#we-are-newave" class="newave-button medium white outline">See What we do</a>
 +
                    </div>
 +
                    </div>
 +
                    </div>-->
 +
                </div>
 +
               
 +
               
 +
             
 +
               
 +
            </div>
 +
            <!-- End Home Section -->
  
  
Line 92: Line 155:
 
                                 </ul>
 
                                 </ul>
 
                             </li>
 
                             </li>
                             <li class="dropdown menu-3"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Modeling</a>
+
                             <li class="menu-3"><a class="colapse-menu1" href="https://2018.igem.org/Team:Peking/Model">Modeling</a>
                                <ul class="dropdown-menu">
+
                                    <li><a href="https://2018.igem.org/Team:Peking/Model">Overview</a></li>
+
                                    <li><a href="https://2018.igem.org/Team:Peking/SPOT_Formation" class="barfont1">SPOT Formation</a></li>
+
                                    <li><a href="https://2018.igem.org/Team:Peking/Application" class="barfont1">Application</a></li>
+
                                </ul>
+
 
                             </li>
 
                             </li>
 
                             <li class="menu-4"><a class="colapse-menu1" href="https://2018.igem.org/Team:Peking/Software">Software</a>
 
                             <li class="menu-4"><a class="colapse-menu1" href="https://2018.igem.org/Team:Peking/Software">Software</a>
Line 103: Line 161:
  
  
                                <li class="dropdown menu-6"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practices</a>
+
                            <li class="menu-6"><a class="colapse-menu1" href="https://2018.igem.org/Team:Peking/Human_Practices">Human Practices</a>
                                    <ul class="dropdown-menu">
+
                            </li>
                                        <li><a href="https://2018.igem.org/Team:Peking/Human_Practices" class="barfont1">Overview</a></li>
+
                                        <li><a href="https://2018.igem.org/Team:Peking/Statistics" class="barfont1">Statistics</a></li>
+
                                        <li><a href="https://2018.igem.org/Team:Peking/Public_Engagement" class="barfont1">Public Engagement</a></li>
+
                                        <li><a href="https://2018.igem.org/Team:Peking/Other" class="barfont1">Other</a></li>
+
                                    </ul>
+
                                </li>
+
 
                                 <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Achievement</a>
 
                                 <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Achievement</a>
 
                                     <ul class="dropdown-menu">
 
                                     <ul class="dropdown-menu">
Line 152: Line 204:
 
             }
 
             }
 
             .texttitle{
 
             .texttitle{
                 color: #11abb0;
+
                 color: #6495ED;
 
                 font-size: 38px;
 
                 font-size: 38px;
 
                 line-height: 48px;
 
                 line-height: 48px;
Line 171: Line 223:
 
             <div class="row">
 
             <div class="row">
 
                 <div class="twelve columns centered text-center">
 
                 <div class="twelve columns centered text-center">
                     <h1>Home</h1>
+
                     <h1>Peking 2018</h1>
                     <p class="title1" style="text-align:center">Welcome to our wiki!</p>
+
                     <h1>Synthetic Organelles</h1>
 +
                    <font size="6" color="gray">Synthetic Phase separation-based Organelle Platform (SPOT)</font>
 +
                   
 +
                   
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 190: Line 245:
 
                                   <div class="texttitle">Background and motivation</div>
 
                                   <div class="texttitle">Background and motivation</div>
 
                             <hr style="border:2px dashed; height:2px" color="#666666">
 
                             <hr style="border:2px dashed; height:2px" color="#666666">
                                     <p class="lead add-bottom" style="color:#5E5656">Ever since the beginning of life, compartmentalization has been playing a crucial role in biological systems. The famous Miller-Urey experiment shows that inorganic molecules can be transformed into organic substances under extreme conditions, catalyzed by, for example, lightnings. However, homogeneously distributed organic matter is not enough for life to emerge. It is almost impossible that all conditions are appropriate for life in the entire primordial soup.That is where the compartments come in.</p>
+
                                     <p class="lead add-bottom" style="color:#5E5656">Ever since the beginning of life, compartmentalization has been playing a crucial role in biological systems. The famous Miller-Urey experiment shows that inorganic molecules can be transformed into organic substances under extreme conditions, for example, lightnings. However, homogeneously distributed organic matter is not enough for life to emerge. It is almost impossible that all conditions are appropriate for life in the entire primordial soup. That is where the compartments come in.</p>
 
                                      
 
                                      
                                     <p class="lead add-bottom" style="color:#5E5656">Only after coacervate droplets form and organic molecules condense inside, can a completely different environment be attained within, thus enabling the emergence of bio-macromolecules, or in other words, making life possible.In higher cells, compartmentalization is mainly achieved by different organelles, i.e. mitochondria, chloroplasts, lysosomes, etc. They play three major roles: A, B, C.</p>
+
                                     <p class="lead add-bottom" style="color:#5E5656">Only after coacervate droplets form and organic molecules condense inside, can a completely different environment be attained within, thus enabling the emergence of bio-macromolecules, or in other words, making life possible.In highly-evolved cells, compartmentalization is mainly achieved by different organelles, i.e. mitochondria, chloroplasts, lysosomes, etc. They play three major roles: isolation, special environment and localization.</p>
 
                                      
 
                                      
                                     <p class="lead add-bottom" style="color:#5E5656">ntuitively, for an organelle to remain a stable compartment, it must acquire a material boundary, or more precisely, a membrane. Membrane-bound organelles are ind eed common and stable, but from the perspective of synthesis, they are too complicated for primordial conditions. However, there are also non-membrane-bound organelles, for instance, stress granules, P granules and nucleoli. More importantly, their formation is guided by simple physical principles. Membrane-less organelles and phase separation. Next came the question how can we synthase membrane-less organelles.</p>
+
                                     <p class="lead add-bottom" style="color:#5E5656">Intuitively, for an organelle to remain a stable compartment, it requires a material boundary, or more precisely, a membrane. Membrane-bound organelles are indeed common and stable, but from the perspective of synthesis, they are way too complicated. However, there are also non-membrane-bound organelles, for instance, stress granules, P granules and nucleoli. More importantly, their formation is guided by simple physical principles. Then comes the question how we can synthesize membrane-less organelles.</p>
 
                                      
 
                                      
 
                                
 
                                
Line 202: Line 257:
 
                                                                 <div class="texttitle">Principles and design</div>  
 
                                                                 <div class="texttitle">Principles and design</div>  
 
                             <hr style="border:2px dashed; height:2px" color="#666666">
 
                             <hr style="border:2px dashed; height:2px" color="#666666">
                                     <p class="lead add-bottom" style="color:#5E5656">There are a large number of phase separation phenomena in cells, which can be summarized by the principle that interaction and multivalency are two preconditions of phase separation in cells. Based on this principle, we used SUMO-SIM, FKBP-Frb, and similar interacting pairs as interactional modules to provide diverse induction of the condensation, while we fused homo-oligomeric tags (HOTags) to introduce multivalency. We named our system SPOT (Synthetic Phase separation-based Organelle Platform) because it can form granules in yeast (we can see fluorescent spots in yeast under the microscope).</p>                               
+
                                     <p class="lead add-bottom" style="color:#5E5656">There are a large number of phase separation phenomena in cells, which can be summarized by the principle that interaction and multivalence are two preconditions of phase separation in cells. Based on this principle, we used SUMO-SIM, FKBP-Frb, and similar interacting pairs as interaction modules to provide diverse induction of the condensation, while we fused homo-oligomeric tags (HOTags) to introduce multivalency. We named our system <a href="https://2018.igem.org/Team:Peking/Design">SPOT (Synthetic Phase separation-based Organelle Platform)</a> because it can form granules in yeast (we can see fluorescent spots in yeast under the microscope).</p>                               
 
                                      
 
                                      
 
                                 </div><!—12 columns ended-->
 
                                 </div><!—12 columns ended-->
Line 208: Line 263:
 
                                                                 <div class="texttitle">SPOT construction and verification</div>  
 
                                                                 <div class="texttitle">SPOT construction and verification</div>  
 
                             <hr style="border:2px dashed; height:2px" color="#666666">
 
                             <hr style="border:2px dashed; height:2px" color="#666666">
                                     <p class="lead add-bottom" style="color:#5E5656">We tested different interactional modules to construct the synthetic organelles and then modeled our system according to the theory of phase separation. As this model predicts, different promoters alter the features and kinetics of our system, which was also validated by the experiments.</p>                                     
+
                                     <p class="lead add-bottom" style="color:#5E5656">We tested different interaction modules to construct the synthetic organelles and then modeled our system according to the theory of phase separation. As this model predicts, different promoters alter the features and kinetics of our system, which was also validated by the experiments.</p>                                     
 
                                                                
 
                                                                
 
                                 </div><!—12 columns ended-->
 
                                 </div><!—12 columns ended-->
Line 242: Line 297:
 
                                                                  
 
                                                                  
 
                                 </div>
 
                                 </div>
                               
 
 
                                 </div>
 
                                 </div>
 +
                           
 
                                  
 
                                  
  
Line 294: Line 349:
 
              
 
              
 
              
 
              
           
+
  <!-- footer============================================================================== -->
            <!-- footer(Home special)
+
        <style>
            ================================================== -->
+
             footer .copyright span:before {
             <footer id="page-footer">
+
                content: "|";
 +
                padding-left: 10px;
 +
                padding-right: 12px;
 +
                color: #b4bbbb;
 +
            }
 +
        footer .copyright span:after {
 +
            content: "|";
 +
            padding-left: 10px;
 +
            padding-right: 12px;
 +
            color: #b4bbbb;
 +
        }
 +
        </style>
 +
        <footer id="page-footer">
 +
<footer id="page-footer">
 
                 <div class="row,row1">
 
                 <div class="row,row1">
 
                     <ul class="footer-social">
 
                     <ul class="footer-social">
 
                         <li class="col-md-6" id="PKU-administration" style="margin-bottom:25px;max-width:300px">
 
                         <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/2016/7/7a/T--Peking--images_PKU_Administration_logo.png"></a>
+
                             <a href="http://dean.pku.edu.cn/pkudean/index.html"><img src="https://static.igem.org/mediawiki/2018/7/7a/T--Peking--images_PKU_Administration_logo.png"></a>
 
                         </li>
 
                         </li>
 
                         <li class="col-md-6" id="PKU-SLS" style="margin-bottom:25px;max-width:300px">
 
                         <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/2016/0/04/T--Peking--images_PKU_SLS_logo.png"></a>
+
                             <a href="http://www.bio.pku.edu.cn/"><img src="https://static.igem.org/mediawiki/2018/0/04/T--Peking--images_PKU_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/2016/9/93/T--Peking--images_PKU_IMCAS_logo.png"></a>
+
 
                         </li>
 
                         </li>
 +
                     
 
                         <li class="col-md-6" id="PKU-CQB" style="margin-bottom:25px;max-width:300px">
 
                         <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/2016/e/e1/T--Peking--images_PKU_CQB_logo.png"></a>
+
                             <a href="http://cqb.pku.edu.cn/en/"><img src="https://static.igem.org/mediawiki/2018/e/e1/T--Peking--images_PKU_CQB_logo.png"></a>
 
                         </li>
 
                         </li>
                        <!--<li class="col-md-6" id="BluePha" style="margin-bottom:25px; max-width:300px">
+
 
                        <a href="http://www.bluepha.com/"><img src="images/PKU/Bluepha-logo.png"></a>
+
                        </li>-->
+
 
                     </ul>
 
                     </ul>
 
                 </div>
 
                 </div>
               
+
            <div class="row">
               
+
                 <div class="twelve columns" >
                <style><!-----style of copyright---->
+
                    footer .copyright span:before {
+
                        content: "|";
+
                        padding-left: 10px;
+
                        padding-right: 12px;
+
                        color: #b4bbbb;
+
                    }
+
                footer .copyright span:after {
+
                    content: "|";
+
                    padding-left: 10px;
+
                    padding-right: 12px;
+
                    color: #b4bbbb;
+
                }
+
                </style>
+
                  
+
              <div class="row" >
+
 
                     <ul class="copyright">
 
                     <ul class="copyright">
                         <li><a href="https://2018.igem.org/Team:Peking">Home</a>&nbsp;&nbsp;&nbsp;<a href="#">Contact</a></li>
+
                        <!--<li>&copy; 2014 Sparrow</li> -->
 +
                         <li><a href="https://2018.igem.org/Team:Peking">Home</a>&nbsp;&nbsp;&nbsp;<a href="mailto:pekingigem2018@126.com">Contact</a></li>
 
                         <span> &copy;2018 PEKING IGEM. All Rights Reserved.</span>
 
                         <span> &copy;2018 PEKING IGEM. All Rights Reserved.</span>
                         <li style="padding-right:20px"><a href="https://www.facebook.com/pekingigem"><img style="height:22px; margin-top:4px; margin-bottom:-4px;" src="https://static.igem.org/mediawiki/2016/c/c4/T--Peking--image_homefacebook.png"/></a></li>
+
                         <li><a href="http://getbootstrap.com/2.3.2/">Based on Bootstrap</a></li>
                        <li style="padding-right:20px"><a href="https://twitter.com/iGEM_Peking"><img style="height:22px; margin-top:4px; margin-bottom:-4px;" src="https://static.igem.org/mediawiki/2016/3/39/T--Peking--image_hometwitter.png"/></a></li>
+
                        <li style="padding-right:20px"><a href="#"><img style="height:22px; margin-top:4px; margin-bottom:-4px;" src="https://static.igem.org/mediawiki/2016/c/cc/T--Peking--image_homeskype.png"/></a></li>
+
 
                     </ul>
 
                     </ul>
                 </div>           
+
                 </div>
                <!-----go-to-top------>
+
                 <div id="go-top" style="display: block;"><a title="Back to Top" href="#">Go To Top</a></div>
                 <div id="go-top" style="display: block;z-index:1000;"><a title="Back to Top" href="#">Go To Top</a></div>
+
             </div>
               
+
 
             </footer>
+
 
            <!-- Footer End-->
+
<!-- Footer End-->
 
              
 
              
 
              
 
              

Latest revision as of 01:11, 18 October 2018

Home

Slide Left Slide Right
v

Peking 2018

Synthetic Organelles

Synthetic Phase separation-based Organelle Platform (SPOT)
Background and motivation

Ever since the beginning of life, compartmentalization has been playing a crucial role in biological systems. The famous Miller-Urey experiment shows that inorganic molecules can be transformed into organic substances under extreme conditions, for example, lightnings. However, homogeneously distributed organic matter is not enough for life to emerge. It is almost impossible that all conditions are appropriate for life in the entire primordial soup. That is where the compartments come in.

Only after coacervate droplets form and organic molecules condense inside, can a completely different environment be attained within, thus enabling the emergence of bio-macromolecules, or in other words, making life possible.In highly-evolved cells, compartmentalization is mainly achieved by different organelles, i.e. mitochondria, chloroplasts, lysosomes, etc. They play three major roles: isolation, special environment and localization.

Intuitively, for an organelle to remain a stable compartment, it requires a material boundary, or more precisely, a membrane. Membrane-bound organelles are indeed common and stable, but from the perspective of synthesis, they are way too complicated. However, there are also non-membrane-bound organelles, for instance, stress granules, P granules and nucleoli. More importantly, their formation is guided by simple physical principles. Then comes the question how we can synthesize membrane-less organelles.

Principles and design

There are a large number of phase separation phenomena in cells, which can be summarized by the principle that interaction and multivalence are two preconditions of phase separation in cells. Based on this principle, we used SUMO-SIM, FKBP-Frb, and similar interacting pairs as interaction modules to provide diverse induction of the condensation, while we fused homo-oligomeric tags (HOTags) to introduce multivalency. We named our system SPOT (Synthetic Phase separation-based Organelle Platform) because it can form granules in yeast (we can see fluorescent spots in yeast under the microscope).

SPOT construction and verification

We tested different interaction modules to construct the synthetic organelles and then modeled our system according to the theory of phase separation. As this model predicts, different promoters alter the features and kinetics of our system, which was also validated by the experiments.

Functions of synthetic organelles

We verified the feasibility of several potential functions, both theoretically and experimentally, including reaction compartment, sensor, etc. In the future, by replacing functional modules with other parts, this system can be reprogrammed to conduct functions not included in the current project.