Team:Dundee/Project/Mop

From 2013.igem.org

(Difference between revisions)
 
(47 intermediate revisions not shown)
Line 2: Line 2:
<html>
<html>
-
<html lang="en">
+
<head>
 +
<meta charset=utf-8 />
-
      <!-- Begin page content -->
+
<!-- Website Design By: www.happyworm.com -->
-
      <div class="container">
+
<title>Demo : jPlayer circle player</title>
 +
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 +
<link rel="stylesheet" href="http://www.kyleharrison.co.uk/igem/digiposter/skin/circle.skin/circle.player.css">
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
 +
<script type="text/javascript" src="http://www.kyleharrison.co.uk/igem/digiposter/js/jquery.jplayer.min.js"></script>
 +
<script type="text/javascript" src="http://www.kyleharrison.co.uk/igem/digiposter/js/jquery.transform2d.js"></script>
 +
<script type="text/javascript" src="http://www.kyleharrison.co.uk/igem/digiposter/js/jquery.grab.js"></script>
 +
<script type="text/javascript" src="http://www.kyleharrison.co.uk/igem/digiposter/js/mod.csstransforms.min.js"></script>
 +
<script type="text/javascript" src="http://www.kyleharrison.co.uk/igem/digiposter/js/circle.player.js"></script>
-
      <!-- Title -->
+
<script type="text/javascript">
-
      <div class="page-header">
+
//<![CDATA[
-
          <h2><b>The Mop</b> </h2>
+
-
        </div>
+
-
      <!-- Title End -->
+
-
      <div class="row" style="text-align:justify;margin-top:-20px;">
+
$(document).ready(function(){
-
        <div class="span12">
+
-
          <h2>Aim: To engineer the <i> B. subtilis</i>  receptor PrkC to respond to microcystin</h2>
+
-
          <p> <i> B. subtilis</i> forms resistant structures called spores in order to survive harsh environmental conditions. In order for the spores to recognise that the conditions have again become favourable for growth the spores have to monitor the extracellular environment. This is done via a number of inner-membrane receptors described as germinant receptors. PrkC is an example of a germinant receptor and it binds to cell wall associated peptides.</p>
+
-
        </div>
+
 +
  /*
 +
  * Instance CirclePlayer inside jQuery doc ready
 +
  *
 +
  * CirclePlayer(jPlayerSelector, media, options)
 +
  *  jPlayerSelector: String - The css selector of the jPlayer div.
 +
  *  media: Object - The media object used in jPlayer("setMedia",media).
 +
  *  options: Object - The jPlayer options.
 +
  *
 +
  * Multiple instances must set the cssSelectorAncestor in the jPlayer options. Defaults to "#cp_container_1" in CirclePlayer.
 +
  *
 +
  * The CirclePlayer uses the default supplied:"m4a, oga" if not given, which is different from the jPlayer default of supplied:"mp3"
 +
  * Note that the {wmode:"window"} option is set to ensure playback in Firefox 3.6 with the Flash solution.
 +
  * However, the OGA format would be used in this case with the HTML solution.
 +
  */
-
        <div class="span6">
+
  var myCirclePlayer = new CirclePlayer("#jquery_jplayer_1",
 +
  {
 +
    m4a: "http://www.kyleharrison.co.uk/igem/digiposter/Introduction.wav",
 +
  }, {
 +
    cssSelectorAncestor: "#cp_container_1",
 +
    swfPath: "js",
 +
    wmode: "window",
 +
    keyEnabled: true
 +
  });
-
        </div>
+
  var myCirclePlayer2 = new CirclePlayer("#jquery_jplayer_2",
 +
  {
 +
    m4a: "http://www.kyleharrison.co.uk/igem/digiposter/BrianStory.wav",
 +
  }, {
 +
    cssSelectorAncestor: "#cp_container_2",
 +
    swfPath: "js",
 +
    wmode: "window",
 +
    keyEnabled: true
 +
  });
-
      </div><!-- Row End -->
+
    var myCirclePlayer3 = new CirclePlayer("#jquery_jplayer_3",
 +
  {
 +
    m4a: "http://www.kyleharrison.co.uk/igem/digiposter/ScoobyDoo.wav",
 +
  }, {
 +
    cssSelectorAncestor: "#cp_container_3",
 +
    swfPath: "js",
 +
    wmode: "window",
 +
    keyEnabled: true
 +
  });
-
            <div class="row" style="text-align:justify">
+
});
 +
//]]>
 +
</script>
 +
</head>
 +
<body>
-
        <div class="span12">
+
<!-- Begin page content -->
-
          <h2>Sensing cell wall peptides & conditions that are permissive for growth </h2>
+
      <div class="container">
-
          <p> Actively growing cells turnover cell wall components and these can thus be found in the extracellular milieu. So by sensing cell wall components, through the PrkC receptor, the spore can tell that other cells are growing in the nearby environment. This is how the PrkC receptor can signal to the spore that conditions are permissive for growth.</p><br>
+
-
        </div>
+
 +
<div class="row">
 +
<div class="span12">
 +
<h2> An Introductin by Brian Cox </h2><br>
 +
</div></div>
-
      </div><!-- Row End -->
+
<div class="row">
 +
<div class="span12">
 +
<center><img src="https://static.igem.org/mediawiki/2013/2/2b/PosterBanner.jpg" style="height:150px;width:98%;padding-left:20px"></img</center>
 +
</div></div>
 +
<div class="row">
 +
<div class="span4">
 +
<centeR>
 +
<!-- The jPlayer div must not be hidden. Keep it at the root of the body element to avoid any such problems. -->
 +
      <div id="jquery_jplayer_1" class="cp-jplayer"></div>
 +
      <!-- The container for the interface can go where you want to display it. Show and hide it as you need. -->
-
        <div class="row" style="text-align:justify">
+
      <div id="cp_container_1" class="cp-container">
-
 
+
         <div class="cp-buffer-holder"> <!-- .cp-gt50 only needed when buffer is > than 50% -->
-
         <div class="span6">
+
          <div class="cp-buffer-1"></div>
-
 
+
          <div class="cp-buffer-2"></div>
-
        <h2>PrkC receptor activation</h2>
+
-
        <p>PrkC receptor activation triggers a process called germination which is the conversion of the spore back into an actively growing cell.</p><br>
+
-
       
+
-
        <h2>PrkC receptor</h2>
+
-
        <p>The PrkC receptor has 4 extracellular domains PASTA 1, 2 and 3 which are capped by a C-terminal domain and this sits on the outside of the spore inner membrane. The 3 PASTA domains are implicated in binding of the cell wall components and are thus described as the ligand binding domains (fig 1).</p><br>
+
-
       
+
-
        <h2>PrkC receptor to detect microcystin</h2>
+
-
        <p>We hope to detect microcystin by replacing the 3 ligand binding domains with the human protein- protein phosphatase 1 (PP1) (fig 2).</p><br>
+
-
       
+
-
        <p>We hope that when the microcystin binds to PP1 this will still result in activation of the downstream pathways controlled by the native PrkC receptor. Additionally, we hope to have our <i> B. subtilis</i> strain constitutively expressing green fluorescent protein so that when it is relieved from dormancy it will fluoresce and this will hopefully be detectable with our electronic Moptopus device.</p>
+
-
 
+
         </div>
         </div>
-
 
+
         <div class="cp-progress-holder"> <!-- .cp-gt50 only needed when progress is > than 50% -->
-
         <div class="span6">
+
          <div class="cp-progress-1"></div>
-
          <div class="span6" style="margin-top:20px;">
+
          <div class="cp-progress-2"></div>
-
              <img id="image-6" src="http://placehold.it/600x300/8066DB/000000&text=Figure 1">
+
-
            </div><br>
+
-
 
+
-
            <div class="span6" >
+
-
          <br> <p><i><b>Figure 1.</b> .</i></p><br>
+
-
            </div>
+
-
 
+
-
            <div class="span6">
+
-
              <img id="image-6" src="http://placehold.it/600x300/8066DB/000000&text=Figure 2">
+
-
            </div><br><br>
+
-
 
+
-
            <div class="span6">
+
-
            <p><br><i>Figure 2. .</i></p>
+
-
          </div>
+
         </div>
         </div>
 +
        <div class="cp-circle-control"></div>
 +
        <ul class="cp-controls">
 +
          <li><a class="cp-play" tabindex="1">play</a></li>
 +
          <li><a class="cp-pause" style="display:none;" tabindex="1">pause</a></li> <!-- Needs the inline style here, or jQuery.show() uses display:inline instead of display:block -->
 +
        </ul>
 +
      </div><p><strong> Introduction</strong> </p></center>
 +
</div>
-
        <div class="span12">
+
<div class="span4">
-
        <h2>Progress so far...</h2>
+
    <center> <div id="jquery_jplayer_2" class="cp-jplayer"></div>
-
        <p>We are currently in the process of cloning this receptor and we are having some difficulty. We have successfully cloned the N-terminal part of the receptor and are currently in the process of adding on the PP1s which we will be doing by suicide ligation. The final step after adding the PP1s will be to add on the C-terminal domain. </p><br><br>
+
-
        </div>
+
-
 
+
-
      </div><!-- Row End -->
+
-
<hr>
+
-
 
+
-
 
+
-
<!-- Detector 2 -->
+
      <!-- The container for the interface can go where you want to display it. Show and hide it as you need. -->
-
       <div class="row" style="text-align:justify;margin-top:-20px;">
+
       <div id="cp_container_2" class="cp-container">
-
         <div class="span12">
+
         <div class="cp-buffer-holder"> <!-- .cp-gt50 only needed when buffer is > than 50% -->
-
          <h2>Aim: To engineer the <i>E. coli</i> EnvZ sensor kinase to respond to microcystin</h2>
+
          <div class="cp-buffer-2"></div>
-
           <p>The EnvZ system is a signal transduction system composed of two parts and is, therefore, described as a two-component regulatory system. Part 1 is the sensor kinase protein located in the membrane of the cell and Part 2 is the response regulator protein. The native EnvZ sensor detects changes in osmolarity. </p>
+
           <div class="cp-buffer-2"></div>
         </div>
         </div>
-
 
+
         <div class="cp-progress-holder"> <!-- .cp-gt50 only needed when progress is > than 50% -->
-
 
+
          <div class="cp-progress-2"></div>
-
         <div class="span6">
+
          <div class="cp-progress-2"></div>
-
 
+
         </div>
         </div>
 +
        <div class="cp-circle-control"></div>
 +
        <ul class="cp-controls">
 +
          <li><a class="cp-play" tabindex="1">play</a></li>
 +
          <li><a class="cp-pause" style="display:none;" tabindex="1">pause</a></li> <!-- Needs the inline style here, or jQuery.show() uses display:inline instead of display:block -->
 +
        </ul>
 +
      </div><p><strong> Personal Story</strong> </p></center>
 +
</div>
-
      </div><!-- Row End -->
+
<div class="span4">
 +
<centeR>
 +
<!-- The jPlayer div must not be hidden. Keep it at the root of the body element to avoid any such problems. -->
 +
      <div id="jquery_jplayer_3" class="cp-jplayer"></div>
 +
      <!-- The container for the interface can go where you want to display it. Show and hide it as you need. -->
-
        <div class="row" style="text-align:justify">
+
      <div id="cp_container_3" class="cp-container">
-
 
+
         <div class="cp-buffer-holder"> <!-- .cp-gt50 only needed when buffer is > than 50% -->
-
         <div class="span6" style="text-align:justify">
+
           <div class="cp-buffer-3"></div>
-
 
+
          <div class="cp-buffer-3"></div>
-
        <h2>EnvZ sensor kinase</h2>
+
-
          <p> The sensor kinase EnvZ detects a signal from the environment and auto-phosphorylates. The phosphoryl group is then transferred to the response regulator OmpR. OmpR is a DNA-binding protein.
+
-
           <br><br>
+
-
          E.coli is a gram-negative bacteria which means that is has both an inner and outer membrane. The EnvZ sensor sits on the inner membrane (Fig 3).
+
-
          </p><br>
+
-
       
+
-
        <h2>EnvZ sensor to detect microcystin</h2>
+
-
        <p>What we want to do for our project is replace the periplasmic domain of EnvZ with the PP1 protein (Fig 4). We hope that when microcystin binds to PP1 then it will activate the receptor.</p><br>
+
-
       
+
-
        <p>This will lead to the phosphorylation and activation of the DNA binding protein OmpR. We will also express in our engineered bacteria a DNA construct encoding GFP that’s expression is under control of the OmpR protein.<br><br> So our cells will turn green in the presence of microcystin and in this way act as a microcystin detector. </p>
+
-
 
+
         </div>
         </div>
-
 
+
         <div class="cp-progress-holder"> <!-- .cp-gt50 only needed when progress is > than 50% -->
-
         <div class="span6">
+
          <div class="cp-progress-3"></div>
-
          <div class="span6" style="margin-top:20px;">
+
          <div class="cp-progress-3"></div>
-
              <img id="image-6" src="http://placehold.it/600x300/8066DB/000000&text=Figure 3">
+
-
            </div><br>
+
-
 
+
-
            <div class="span6" >
+
-
          <br> <p><i><b>Figure 3.</b> .</i></p><br>
+
-
            </div>
+
-
 
+
-
            <div class="span6">
+
-
              <img id="image-6" src="http://placehold.it/600x300/8066DB/000000&text=Figure 4">
+
-
            </div><br><br>
+
-
 
+
-
            <div class="span6">
+
-
            <p><br><i>Figure 4. .</i></p>
+
-
          </div>
+
         </div>
         </div>
 +
        <div class="cp-circle-control"></div>
 +
        <ul class="cp-controls">
 +
          <li><a class="cp-play" tabindex="1">play</a></li>
 +
          <li><a class="cp-pause" style="display:none;" tabindex="1">pause</a></li> <!-- Needs the inline style here, or jQuery.show() uses display:inline instead of display:block -->
 +
        </ul>
 +
      </div><p><strong> What is Synthetic Biology?</strong> </p></center>
 +
</div>
-
        <div class="span12">
+
</div>
-
        <h2>Progress so far...</h2>
+
-
        <p>WSo far we have successfully cloned the N-terminus with PP1 and we are in the process of adding on the C-terminus. We have also found an OmpR regulated construct in the distribution kit and we have transformed cells to make more of this part. We have also identified GFP in the kit and we will try and join these 2 parts together to make our reporter construct.
+
-
        </p>
+
-
        </div>
+
-
       
+
-
        <div class="span12">
+
-
        <h2>Characterisation of our receptors</h2>
+
-
        <p>We will be looking to quantify how many of our PrkC receptors are expressed on the surface of the spores and also how many EnvZ sensors are present on our <i>E. coli</i> cells.<br><br>
+
-
        We will be able to get hold of some microcystin and we can use this to bind and activate our receptors. We will then measure the amount of fluorescence by flow cytometry or microscopy. We can then quantify the expression of GFP in relation to how much microcystin is presented to our cells. By using values for how many receptors we have on each cell we can calculate the efficiency of our detectors and hopefully use all this information in order to quantify the effectiveness of our detector.
+
-
 
+
-
        </p><br><br>
+
-
        </div>
+
-
       
+
-
      </div><!-- Row End -->
+
-
   
+
-
 
+
-
 
+
-
 
+
-
 
+
-
      <div id="push"></div>
+
-
    </div>
+
-
 
+
-
    <div id="footer">
+
-
      <div class="container">
+
-
        <p class="muted credit"> Created for <a href="https://igem.org/Main_Page">iGEM 2013</a> Dundee. Based upon <a href ="http://twitter.github.io/bootstrap/">Bootstrap</a> and <a href="http://jquery.com/">JQuery</a>. Design by <a href="www.kyleharrison.co.uk"> Kyle Harrison </a>. </p>
+
-
      </div>
+
-
    </div>
+
-
 
+
Line 170: Line 164:
     <!-- the neccessary javascript -->
     <!-- the neccessary javascript -->
-
    <script src="http://code.jquery.com/jquery-latest.js"></script>
 
     <script src="http://www.kyleharrison.co.uk/igem/js/bootstrap.min.js"></script>
     <script src="http://www.kyleharrison.co.uk/igem/js/bootstrap.min.js"></script>
 +
</body>
-
  </body>
 
</html>
</html>

Latest revision as of 00:08, 5 October 2013

iGEM Dundee 2013 · ToxiMop

Dundee 2013

Demo : jPlayer circle player

An Introductin by Brian Cox


Introduction

Personal Story

What is Synthetic Biology?

Retrieved from "http://2013.igem.org/Team:Dundee/Project/Mop"