Difference between revisions of "Team:Peking"

 
(55 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 181: Line 236:
 
              
 
              
 
             <!--content-outer-->
 
             <!--content-outer-->
                        <div class="nine columns">
+
            <div class="content-outer">
                           
+
                <div id="page-content">
                            <div class="texttitle">Overall design
+
                    <div class="row add-bottom">
<a id="A"></a></div>  
+
                       
 +
                        <section id="description" class="content">
 +
                            <div class="row">
 +
                                <div class="twelve columns">
 +
                                  <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, 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>
                            <div class="coll">
+
                                   
                               
+
                                    <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>
                                <div class="content">
+
                                   
                                    <p>Then we put forward two questions: Why phase separation in cells can produce membraneless organelles? And how can we design our system to fulfill its intended functions?
+
                                    <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>
Like oil in water, the contents of cells can separate into droplets. According to physical principles, the process where material self-assemble into organelles is described as ‘phase separation’, which is the conversion of a single-phase system into a multiphase system. In general, materials flow to regions with low chemical potential instead of low concentration. Finally, the components no longer distribute uniformly but form granules locally which are organelles in the cell.  
+
                                   
That is to say, the main work to synthesize an organelle is to fulfill phase separation in a cell. Then, how can we do it? Composition can switch rapidly through changes in scaffold concentration or multivalency. And our design was inspired by recent works showing that multivalency drives protein phase separation and formation of synthetic organelles. What’s more, we take our inspiration from existing life systems and previous works. For example, Intrinsic Disordered Regions are the symbol of massive phase separation in the cell. They interact with each other through the van der Waals force, hydrophobic effect and electrostatic attraction. And there are many interactions like this in nature, such as FKBP and FRB, SUMO and SIM, SH3 and PRM, phyB and PIF6. Thus, we can make good use of them to induce our designed organelles and regulate them variously.!
+
                             
In a conclusion,multivalency drives protein’s -self-assemblyies and interaction binds the parts together. It means, interaction can induce phase separation and multivalency can make larger assemblies, which are two essential elementmodules in our design and ensure the formation of synthetic organelles.
+
                                   
</p>
+
                                </div><!—12 columns ended-->
 
+
                                <div class="twelve columns">
<div align="center"><img src="https://static.igem.org/mediawiki/2018/f/f1/T--Peking--project_design1.jpeg" width="300px" height="100 px" ></div>
+
                                                                <div class="texttitle">Principles and design</div>  
        <figcaption style="text-align:center;">
+
                            <hr style="border:2px dashed; height:2px" color="#666666">
                                  Figure. 1 Overall design
+
                                    <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>                             
                              </figcaption>
+
                                   
<br/><br/>
+
                                </div><!—12 columns ended-->
</div>
+
                                <div class="twelve columns">
                            </div>
+
                                                                <div class="texttitle">SPOT construction and verification</div>  
                            <div class="coll">
+
                            <hr style="border:2px dashed; height:2px" color="#666666">
                               
+
                                    <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>
+
                                </div><!—12 columns ended-->
<div class="coll">
+
                                <div class="twelve columns">
                               
+
                                                                <div class="texttitle">Functions of synthetic organelles</div>  
                                <div class="content">
+
                            <hr style="border:2px dashed; height:2px" color="#666666">
                                 
+
                                    <p class="lead add-bottom" style="color:#5E5656">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.</p>
                                </div>
+
                            </div>
+
 
                                      
 
                                      
 
                                
 
                                
 
                                      
 
                                      
 
                                 </div><!—12 columns ended-->
 
                                 </div><!—12 columns ended-->
 
 
                               <div class="twelve columns" >
 
                               <div class="twelve columns" >
 
                                  
 
                                  
Line 241: Line 297:
 
                                                                  
 
                                                                  
 
                                 </div>
 
                                 </div>
                               
 
 
                                 </div>
 
                                 </div>
 +
                           
 
                                  
 
                                  
  
Line 293: 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.