Difference between revisions of "Team:MIT/2mk-HBG"

(Created page with "<html> <style> body { margin: 0; background-color: #ce2132!important; } .firstHeading, .logo_2017 { display: none;...")
 
 
(9 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
{{MIT}}
 
<html>
 
<html>
<style>
 
        body {
 
            margin: 0;
 
            background-color: #ce2132!important;
 
        }
 
  
        .firstHeading, .logo_2017 {
+
<h1 style="color:#ff0000; text-align: center; font-size: 40px; line-height: 40px;">Experiments with 2 Exon mKate HBG Reporter</h1>
            display: none;
+
<br> </br>
        }
+
  
        #sideMenu{
+
<p>One of our main goals for our project was to design a reporter with a swappable intron. This would allow our system to be modular, as we could quickly test guides that were targeting any intron. We used the mKate-ff4 as inspiration in designing another split mkate, 2-exon reporter.  For the purpose of this project, we used human beta globin (HBG) intron 2. We used this split mKate 2-exon construct as a reporter construct that we used to determine if our dCas13 or Ms2 systems were successful in splicing out the HBG Intron 2. We used HBG Intron 2 for reasons outlined in our <a href= "https://2017.igem.org/Team:MIT/project">intron design </a> discussion. Upstream of these sequences is a either the constitutive hEF1a promoter or the DOX controlled TRE-tight promoter. </p>
            display: none;
+
        }
+
        #content {
+
            margin-left: auto;
+
            align-self: center;
+
        }
+
  
        .navdiv-wrapper {
+
<center><img src="https://static.igem.org/mediawiki/parts/0/03/2ex.png"></center>
            height: 40px;
+
            background: rgb(61, 56, 57);
+
        }
+
  
        .navdiv-cover {
+
<p>The figure above represents our construct. The sequence in between the exons represents HBG intron 2. The 3' splice site will be targeted by the guide-dCas13a complex (or guide-Ms2 complex). In the absence of our system, the intron will be spliced out and result in mRNA transcript with both exons included, and will lead to the creation of a red fluorescent protein. In the presence of our system, the RNA binding protein should block the splice site, and the second exon will be spliced out along with the intron. The fluorescent protein wouldn't be produced, and we should see less red fluorescence. </p>
            height: 40px;
+
            position: absolute;
+
            background: rgb(61, 56, 57);
+
            width: 200vw;
+
            left: -100vw;
+
  
        }
+
<div class="column half_size">
       
+
<img src="https://static.igem.org/mediawiki/parts/d/d8/Mkff4-case1.PNG">
        #content .navdiv {
+
<p><i>Absence of our system leads to fluorescence</i></p>
            float: none;
+
</div>
            margin: 0 auto;
+
            left: 0;
+
        }
+
       
+
        #content .navdiv>a {
+
            position: relative;
+
        }
+
  
        #content .navdiv ul{
+
<div class="column half_size">
            width: 100%;
+
<img src="https://static.igem.org/mediawiki/parts/7/7d/Mkff4-case2.PNG">
            height: 40px;
+
<p><i>Presence of our system leads to knock down in fluorescence</i></p>
            background: rgb(61, 56, 57);
+
</div>
            line-height: 20px;
+
            color: white;
+
            margin-right: 15px;
+
            margin-top: 40px;
+
            margin-left: 0px;
+
            text-align: center;
+
           
+
        }
+
       
+
        #content .navdiv ul li a {
+
            text-decoration: none;
+
            color: white;
+
            cursor: pointer;
+
        }
+
       
+
        #content .navdiv ul li a:hover{
+
            text-decoration: none;
+
            color: white;
+
            background: rgb(206, 33, 50);
+
            -webkit-transition: all 0.3s ease;
+
            -moz-transition: all 0.3s ease;
+
            -ms-transition: all 0.3s ease;
+
            -o-transition: all 0.3s ease;
+
            transition: all 0.3s ease;
+
        }
+
       
+
        #content .navdiv ul li{
+
            list-style-type: none;
+
            display: inline-block;
+
            position: relative;
+
            color: white;
+
            padding-bottom: 10px;
+
            padding-top: 10px;
+
            padding-left: 20px;
+
            padding-right: 20px;
+
            cursor: pointer;
+
        }
+
       
+
        #content .navdiv ul li:hover{
+
            background: rgb(206, 33, 50);
+
            color: white;
+
            -webkit-transition: all 0.3s ease;
+
            -moz-transition: all 0.3s ease;
+
            -ms-transition: all 0.3s ease;
+
            -o-transition: all 0.3s ease;
+
            transition: all 0.3s ease;
+
       
+
        }
+
       
+
        .navdiv h1{
+
            width: 300px;
+
            float: left;
+
            cursor: pointer;
+
            margin-left: 15px;
+
        }
+
       
+
        .navdiv .logo-wrapper {
+
            position: absolute;
+
            top: -30px;
+
            background: white;
+
            height: 40px;
+
            border: 10px solid rgb(61, 56, 57);;
+
            height: 100px;
+
            border-radius: 100px;
+
        }
+
       
+
        .navdiv .logo-wrapper img {
+
            height: 100px;
+
            width: 100px;
+
            padding: 0px 0px 0px 0px;
+
        }
+
  
        .navdiv .logo-wrapper#team-logo {
+
<div class="clear"></div>
            left: -95px;
+
        }
+
       
+
        .navdiv .logo-wrapper#main-logo {
+
            left: 920px;
+
        }
+
  
        /*.navdiv .logo-wrapper#main-logo {
+
<!--<center><img src="https://static.igem.org/mediawiki/parts/f/f2/Case2.png"></center>-->
            height: 66px;
+
            left: -134px;
+
            border-width: 7px;
+
            top: -22px;
+
        }*/
+
       
+
        /*.navdiv .logo-wrapper#main-logo img {
+
            height: 56px;
+
        }*/
+
       
+
        #content .submenu {
+
            display: none;
+
            position: absolute;
+
            left: 0;
+
            top: 40px;
+
        }
+
       
+
        #content .submenu a {
+
            color: black;
+
            background: rgb(61, 56, 57);
+
            text-decoration: none;
+
            text-align: left;
+
            display: block;
+
            padding: 10px;
+
        }
+
       
+
        #content .submenu a:hover{
+
            color: white;
+
            background: rgb(160, 158, 158);
+
            border: none;
+
        }
+
       
+
        #content .navdiv ul li:hover .submenu {
+
            display: block;
+
        }
+
       
+
        /********************************* CONTENT OF THE PAGE ********************************/
+
ul.img-list {
+
  list-style-type: none;
+
  margin: 0;
+
  padding: 0;
+
  text-align: center;
+
     
+
}
+
  
ul.img-list li {
+
<h2>Results</h2>
  display: inline-block;
+
  height: 150px;
+
  margin: 0 0 5px 0;
+
  border: solid 2px;
+
  position: relative;
+
  width: 150px;
+
  width: calc(33% - 6px);
+
}
+
  
ul.img-list img {
+
<h3> Verifying the construct </h3>
  width: 100%;
+
  height: 100%
+
}
+
  
ul.img-home {
+
<h4> mKate Titration </h4>
  list-style-type: none;
+
  margin: 0;
+
  padding: 0;
+
  text-align: center;
+
  width: 950px
+
     
+
}
+
  
ul.img-home li {
 
  display: inline-block;
 
  margin: 5px 0 0 0;
 
  border: 0px;
 
  position: relative
 
}
 
  
ul.img-home img {
+
<p>Before being able to test our guides against our newly designed reporter, we needed to ensure it was exhibiting proper behavior. To that end, we ran an titration on the mKate-HBG construct. We expected that as we increased the amount of reporter in the system, the amount of mKate would rise, as the reporter was designed to output normally in the absence of our system. These expected results can be seen below. The different colored lines corrispond to different <a href= "https://2017.igem.org/Team:MIT/HowtoreadaCytoflowgraph"> transfection bins</a> </p>
  width: 100%;
+
<center><img src="https://static.igem.org/mediawiki/2017/5/5c/Expected_output_of_mKate_titration.png" alt="Expected output" style= "width:50%;"></center>
  height: 100%
+
}
+
  
ul.header a {
+
<p> In our experiment, we varied the amounts of mKate-HBG from 10 to 500 ng. (For a detailed explanation of how to plan a mammalian transfection <a href= "https://static.igem.org/mediawiki/2017/6/63/Planning_Mamallian_Transfections_%C2%B7_Benchling.pdf"> click here</a>) </p>
  color: #626566;
+
}
+
  
ul.header a:hover {
+
<center><h4>mKate Titration for mKate-HBG</h4></center>
  color: #626566;
+
<center><img src="https://static.igem.org/mediawiki/2017/d/df/MkateHBG_noRBP-update.png" alt="Figure ASO3vsmkateamt_red" style= "width:50%;"></center>
}
+
  
span.text-content {
+
<p><i>mKate-HBG reporter amounts (10ng-500ng) vs. the amount of red fluorescence (AU). The color of the line indicate the <a href= "https://2017.igem.org/Team:MIT/HowtoreadaCytoflowgraph"> transfection bins</a> of each result.</i></p>
  background: #626566;
+
  color: black;
+
  font-size: 16px;
+
  cursor: pointer;
+
  display: table;
+
  height: 100%;
+
  left: 0;
+
  position: absolute;
+
  vertical-align: middle;
+
  top: 0;
+
  width: 100%;
+
  opacity: 0;
+
  -webkit-transition: opacity 500ms;
+
  -moz-transition: opacity 500ms;
+
  -o-transition: opacity 500ms;
+
  transition: opacity 500ms;
+
}   
+
span.text-content span {
+
  display: table-cell;
+
  text-align: center;
+
  vertical-align: middle;
+
}
+
ul.img-list li:hover span.text-content {
+
  opacity: 1;
+
}
+
ul.img-home li:hover span.text-content {
+
  opacity: 1;
+
}
+
  
 +
<p>The reporter is not producing red fluorescence above background noise. </p>
  
/*STYLING */
+
<strong>Unfortunately, we were unable to test any of our constructs against this reporter, because the reporter was not producing red.</strong> '
  
/* styling for the titles */
+
<p>Our next step is to debug our reporter. We suspect the problem may be with the intron we chose, or the way we built that intron, because the mKate-ff4 was outputting fine.</p>
.content_wrapper h1, .content_wrapper h2 {
+
padding:5px 15px;
+
border-bottom:0px;
+
color:#67c0e0;
+
                font family: georgia;
+
  
}
 
.content_wrapper h3, .content_wrapper h4, .content_wrapper h5, .content_wrapper h6 {
 
padding:5px 15px;
 
border-bottom:0px;
 
color: #626566; 
 
}
 
  
 
/* font and text */
 
.content_wrapper p {
 
padding:0px 15px;
 
font-size: 13px;
 
font-family: 'Raleway', sans-serif;
 
}
 
 
/* Links */
 
.content_wrapper a {
 
font-weight: bold;
 
text-decoration: underline;
 
text-decoration-color:#72c9b6;
 
color: #72c9b6;
 
-webkit-transition: all 0.4s ease;
 
-moz-transition: all 0.4s ease;
 
-ms-transition: all 0.4s ease;
 
-o-transition: all 0.4s ease;
 
transition: all 0.4s ease;
 
}
 
 
/* hover for the links */
 
.content_wrapper a:hover {
 
text-decoration:none;
 
color:#000000;
 
}
 
 
/* non numbered lists */
 
.content_wrapper ul {
 
padding:0px 20px;
 
font-size: 13px;
 
font-family: 'Raleway', sans-serif;
 
}
 
 
/* numbered lists */
 
.content_wrapper ol {
 
padding:0px;
 
font-size: 13px;
 
font-family: 'Raleway', sans-serif;
 
}
 
 
/* Table */
 
.content_wrapper table {
 
width: 97%;
 
margin:15px 10px;
 
border: 1px solid #d3d3d3;
 
border-collapse: collapse;
 
}
 
 
/* table cells */
 
.content_wrapper  td {
 
padding: 10px;
 
vertical-align: text-top;
 
border: 1px solid #d3d3d3;
 
border-collapse: collapse;
 
}
 
 
/* table headers */
 
.content_wrapper th {
 
padding: 10px;
 
vertical-align: text-top;
 
border: 1px solid #d3d3d3;
 
border-collapse: collapse;
 
background-color:#f2f2f2;
 
}
 
 
/* Button class */
 
.button_click {
 
margin: 10px auto;
 
padding: 15px; width:12%; 
 
text-align:center;
 
font-weight:bold;
 
background-color: #72c9b6;
 
cursor:pointer; 
 
-webkit-transition: all 0.4s ease;
 
-moz-transition: all 0.4s ease;
 
-ms-transition: all 0.4s ease;
 
-o-transition: all 0.4s ease;
 
transition: all 0.4s ease;
 
}
 
 
/* button class on hover */
 
.button_click:hover { 
 
background-color:#000000;
 
color:#72c9b6;
 
}
 
 
/* Wrapper for the content */
 
.content_wrapper {
 
width: 85%;
 
margin-left:150px;
 
padding:10px 0px;
 
float:left;
 
background-color:white;
 
}
 
 
/*LAYOUT */
 
.column  {
 
padding: 10px 0px;
 
float:left;
 
background-color:white;
 
}
 
 
.full_size {
 
width:100%;
 
}
 
 
.full_size img {
 
padding: 10px 15px;
 
width:96.5%;
 
}
 
 
.half_size {
 
width: 50%;
 
}
 
.half_size img {
 
padding: 10px 15px;
 
width: 93%;
 
}
 
 
 
.clear {
 
clear:both;
 
}
 
 
.highlight {
 
width: 90%;
 
margin: auto;
 
padding: 15px 5px;
 
background-color: #f2f2f2;
 
}
 
 
.judges-will-not-evaluate {
 
border: 4px solid #72c9b6;
 
display: block;
 
margin: 5px 15px;
 
width: 95%;
 
font-weight:bold;
 
}
 
 
 
</style>
 
<!-- HTML -->
 
 
 
    <div class="navdiv-wrapper">
 
        <div class="navdiv-cover"></div>
 
            <div class="navdiv">
 
                <a href="https://2017.igem.org">
 
                    <div id="main-logo" class="logo-wrapper">
 
                        <img src="https://static.igem.org/mediawiki/2017/9/9c/MIT-Logo.jpg">
 
                    </div>
 
                </a>
 
                <a href="https://2017.igem.org/Team:MIT">
 
                    <div id="team-logo" class="logo-wrapper">
 
                        <img src="https://static.igem.org/mediawiki/2017/9/9c/MIT-Logo.jpg">
 
                    </div>
 
                </a>
 
                <ul>
 
                    <li><a href="https://2017.igem.org/Team:MIT/Team">ABOUT US</a>
 
                        <div class="submenu">
 
                            <a href="https://2017.igem.org/Team:MIT/team">Team</a>
 
                            <a href="https://2017.igem.org/Team:MIT/Attributions">Attributions</a>
 
                            <a href="https://2017.igem.org/Team:MIT/acknowledgements">Acknowledgements</a>
 
                        </div>
 
                    </li>
 
 
                    <li><a href="https://2017.igem.org/Team:MIT/AS">BACKGROUND</a>
 
                        <div class="submenu">
 
                            <a href="https://2017.igem.org/Team:MIT/AS">Alternative Splicing</a>
 
                            <a href="https://2017.igem.org/Team:MIT/CRISPR">CRISPR</a>
 
                            <a href="https://2017.igem.org/Team:MIT/RBPs">RNA Binding Proteins</a>
 
                            <a href="https://2017.igem.org/Team:MIT/REST">REST</a>
 
                        </div>
 
                    </li>
 
                   
 
                    <li><a href="https://2017.igem.org/Team:MIT/project">PROJECT</a>
 
                        <div class="submenu">
 
                            <a href="https://2017.igem.org/Team:MIT/mk-FF4">mKate-FF4</a>
 
                            <a href="https://2017.igem.org/Team:MIT/2mk-HBG">2 Exon mKate HBG</a>
 
                            <a href="https://2017.igem.org/Team:MIT/3mk-HBG">3 Exon mKate HBG</a>
 
                            <a href="https://2017.igem.org/Team:MIT/3mk-DF">3 Exon Dual Fluorescence</a>
 
                        </div>
 
                    </li>
 
 
                    <li><a href="https://2017.igem.org/Team:MIT/notebook">LAB WORK</a>
 
                        <div class="submenu">
 
                            <a href="https://2017.igem.org/Team:MIT/parts">Parts/Improved Parts</a>
 
                            <a href="https://2017.igem.org/Team:MIT/protocols">Protocols</a>
 
                            <a href="https://2017.igem.org/Team:MIT/notebook">Notebook</a>
 
                            <a href="https://2017.igem.org/Team:MIT/results">Results</a>
 
                        </div>
 
                    </li>
 
                   
 
                    <li><a href="https://2017.igem.org/Team:MIT/Model">MODELLING</a></li>
 
                   
 
                    <li><a href="https://2017.igem.org/Team:MIT/hp">HUMAN PRACTICES</a>
 
                        <div class="submenu">
 
                            <a href="https://2017.igem.org/Team:MIT/integratedhp">Integrated HP</a>
 
                            <a href="https://2017.igem.org/Team:MIT/outreach">Public Engagement</a>
 
                            <a href="https://2017.igem.org/Team:MIT/Collaborations">Collaborations</a>
 
                            <a href="https://2017.igem.org/Team:MIT/InterLab">InterLab</a>                 
 
                        </div>
 
                    </li>                     
 
 
                    <li><a href="https://2017.igem.org/Team:MIT/award">AWARDS</a>
 
                        <div class="submenu">
 
                            <a href="https://2017.igem.org/Team:MIT/HP/Silver">HP Silver</a>
 
                            <a href="https://2017.igem.org/Team:MIT/HP/Gold_Integrated">Integrated HP Gold</a>
 
                            <a href="https://2017.igem.org/Team:MIT/Engagement">Education & Public Engagement</a>
 
                            <a href="https://2017.igem.org/Team:MIT/Model">Model</a>     
 
 
                        </div>
 
                    </li>
 
                </ul>
 
            </div>
 
        </div>
 
 
</html>
 
</html>

Latest revision as of 01:31, 2 November 2017

Experiments with 2 Exon mKate HBG Reporter



One of our main goals for our project was to design a reporter with a swappable intron. This would allow our system to be modular, as we could quickly test guides that were targeting any intron. We used the mKate-ff4 as inspiration in designing another split mkate, 2-exon reporter. For the purpose of this project, we used human beta globin (HBG) intron 2. We used this split mKate 2-exon construct as a reporter construct that we used to determine if our dCas13 or Ms2 systems were successful in splicing out the HBG Intron 2. We used HBG Intron 2 for reasons outlined in our intron design discussion. Upstream of these sequences is a either the constitutive hEF1a promoter or the DOX controlled TRE-tight promoter.

The figure above represents our construct. The sequence in between the exons represents HBG intron 2. The 3' splice site will be targeted by the guide-dCas13a complex (or guide-Ms2 complex). In the absence of our system, the intron will be spliced out and result in mRNA transcript with both exons included, and will lead to the creation of a red fluorescent protein. In the presence of our system, the RNA binding protein should block the splice site, and the second exon will be spliced out along with the intron. The fluorescent protein wouldn't be produced, and we should see less red fluorescence.

Absence of our system leads to fluorescence

Presence of our system leads to knock down in fluorescence

Results

Verifying the construct

mKate Titration

Before being able to test our guides against our newly designed reporter, we needed to ensure it was exhibiting proper behavior. To that end, we ran an titration on the mKate-HBG construct. We expected that as we increased the amount of reporter in the system, the amount of mKate would rise, as the reporter was designed to output normally in the absence of our system. These expected results can be seen below. The different colored lines corrispond to different transfection bins

Expected output

In our experiment, we varied the amounts of mKate-HBG from 10 to 500 ng. (For a detailed explanation of how to plan a mammalian transfection click here)

mKate Titration for mKate-HBG

Figure ASO3vsmkateamt_red

mKate-HBG reporter amounts (10ng-500ng) vs. the amount of red fluorescence (AU). The color of the line indicate the transfection bins of each result.

The reporter is not producing red fluorescence above background noise.

Unfortunately, we were unable to test any of our constructs against this reporter, because the reporter was not producing red. '

Our next step is to debug our reporter. We suspect the problem may be with the intron we chose, or the way we built that intron, because the mKate-ff4 was outputting fine.