Difference between revisions of "Team:UI Indonesia/Improve"

 
(5 intermediate revisions by 2 users not shown)
Line 200: Line 200:
 
.navbar{
 
.navbar{
 
margin:0px;border:0px;}
 
margin:0px;border:0px;}
 +
#myBtn {
 +
  display: none;
 +
  position: fixed;
 +
  bottom: 20px;
 +
  right: 30px;
 +
  z-index: 99;
 +
  font-size: 18px;
 +
  border: none;
 +
  outline: none;
 +
  background-color:transparent;
 +
  color: white;
 +
  cursor: pointer;
 +
  padding: 15px;
 +
  border-radius: 4px;
 +
}
 +
 +
#myBtn:hover {
 +
  background-color: #555;
 +
}
 
</style>
 
</style>
  
 
<body>
 
<body>
 +
<button onclick="topFunction()" id="myBtn" title="Go to top"><img src="https://image.flaticon.com/icons/png/512/14/14747.png" style="width:50px;height:50px;"></button>
 
<!-- Navbar -->
 
<!-- Navbar -->
 
<nav class="navbar navbar-default">
 
<nav class="navbar navbar-default">
Line 218: Line 238:
 
       <ul class="nav navbar-nav navbar-right">
 
       <ul class="nav navbar-nav navbar-right">
 
         <li class="dropdown navbar-project">
 
         <li class="dropdown navbar-project">
           <a href="asd.html">Project<span class="caret"></span></a>
+
           <a href="https://2018.igem.org/Team:UI_Indonesia/Project">Project<span class="caret"></span></a>
 
           <ul class="dropdown-menu">
 
           <ul class="dropdown-menu">
 
             <li><a href="https://2018.igem.org/Team:UI_Indonesia/Project#">Overview</a></li>
 
             <li><a href="https://2018.igem.org/Team:UI_Indonesia/Project#">Overview</a></li>
Line 238: Line 258:
 
         </li>
 
         </li>
 
<li class="navbar-model"><a href="https://2018.igem.org/Team:UI_Indonesia/Model">Model</a></li>
 
<li class="navbar-model"><a href="https://2018.igem.org/Team:UI_Indonesia/Model">Model</a></li>
<li class="dropdown navbar-humanpractice">
+
<    <li class="dropdown navbar-humanpractice">
           <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices">Human Practices<span class="caret"></span></a>
+
           <a href="https://2018.igem.org/Team:UI_Indonesia/Human_Practices">Human Practices<span class="caret"></span></a>
 
           <ul class="dropdown-menu">
 
           <ul class="dropdown-menu">
             <li><a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#collapse1">Campus Campaign</a></li>
+
             <li><a href="https://2018.igem.org/Team:UI_Indonesia/Human_Practices">Integrated Human Practice</a></li>
             <li><a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#collapse2">Social Work</a></li>
+
             <li><a href="https://2018.igem.org/Team:UI_Indonesia/Public_Engagement">Education and Public Engagement</a></li>
             <li><a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#collapse3">Biosafety & Biosecurity Training</a></li>
+
             <li><a href="https://2018.igem.org/Team:UI_Indonesia/Human_Practices#catalogue">Human Practice Catalogue</a></li>
<li><a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#collapse4">Human Practice Catalogue</a></li>
+
 
           </ul>
 
           </ul>
        </li>
+
    </li>
 
<li class="navbar-improve current"><a href="https://2018.igem.org/Team:UI_Indonesia/Improve">Improve</a></li>
 
<li class="navbar-improve current"><a href="https://2018.igem.org/Team:UI_Indonesia/Improve">Improve</a></li>
 
<li class="navbar-team"><a href="https://2018.igem.org/Team:UI_Indonesia/Team">Team</a></li>
 
<li class="navbar-team"><a href="https://2018.igem.org/Team:UI_Indonesia/Team">Team</a></li>
 
<li class="navbar-collaborations"><a href="https://2018.igem.org/Team:UI_Indonesia/Collaborations">Collaborations</a></li>
 
<li class="navbar-collaborations"><a href="https://2018.igem.org/Team:UI_Indonesia/Collaborations">Collaborations</a></li>
<li class="navbar-attributions"><a href="https://2018.igem.org/Team:UI_Indonesia/Attributions">Attributions</a></li>
+
<li class="dropdown navbar-attributions">
 +
          <a href="https://2018.igem.org/Team:UI_Indonesia/Attributions">Attributions<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/MedalCriteria">Medal Criteria</a></li>
 +
          </ul>
 +
        </li>
 
       </ul>
 
       </ul>
 
     </div>
 
     </div>
Line 264: Line 288:
 
}
 
}
 
.headerTest{
 
.headerTest{
     text-align: right !important;
+
     text-align: left !important;
 
     font-size: 100px !important;
 
     font-size: 100px !important;
 
     line-height: 100px !important;
 
     line-height: 100px !important;
Line 273: Line 297:
 
}
 
}
 
.header2ndTest{
 
.header2ndTest{
     text-align: right !important;
+
     text-align: left!important;
 
     font-size: 50px !important;
 
     font-size: 50px !important;
 
     line-height: 50px !important;
 
     line-height: 50px !important;
Line 432: Line 456:
 
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
<script>
 +
// When the user scrolls down 20px from the top of the document, show the button
 +
window.onscroll = function() {scrollFunction()};
 +
 +
function scrollFunction() {
 +
    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
 +
        document.getElementById("myBtn").style.display = "block";
 +
    } else {
 +
        document.getElementById("myBtn").style.display = "none";
 +
    }
 +
}
 +
 +
// When the user clicks on the button, scroll to the top of the document
 +
function topFunction() {
 +
    document.body.scrollTop = 0;
 +
    document.documentElement.scrollTop = 0;
 +
}
 +
</script>
 
<!-- Footer -->
 
<!-- Footer -->
 
<footer class="w3-center w3-green w3-padding-64 w3-opacity w3-hover-opacity-off">
 
<footer class="w3-center w3-green w3-padding-64 w3-opacity w3-hover-opacity-off">

Latest revision as of 08:14, 17 October 2018

Improve
Overview
As a contribution of iGEM UI 2018 team to improve existing parts in iGEM Registry, we decided to assemble “Improved Blue Fluorescent Protein (BFP)” (BBa_K2607002, Figure 1) as improvement of B0034-BFP (BBa_K592024). Our established part consists of these following additional features:

Figure 1. Original designed “Improved BFP” (BBa_K2607002) gBlock we ordered from Integrated DNA Technologies, Inc. (IDT) with length of 1151 basepairs (bp). Note that extra 42 bases in the upstream and 41 bases in the downstream are BioBrick prefix and suffix and for polymerase chain reaction (PCR) amplification purpose. The part itself consists of 1068 bp. Range number in red indicates the position of each component in the gBlock. Rbs = ribosome binding site.
  • lacI regulated promoter (BBa_R0010) in the upstream
  • Double terminator (BBa_B0010 and BBa_B0012) in the downstream
  • SalI restriction site between the promoter and ribosome binding site
  • NdeI restriction site between the ribosome binding site and coding sequence
  • Modified blue fluorescence protein coding sequence to eliminate SalI restriction site in the middle without altering amino acid sequence.
This part can be used as reporter when combined with other parts. Because this part has its own promoter, ribosome binding site, and terminator, addition of these components is basically unnecessary. In addition, appropriate restriction enzyme (NdeI or SalI) can also be used to replace the promoter or ribosome binding site with the desired one.
Figure 2 shows the original plan of how we conducted the experiment with our established and existing parts.

Figure 2. Original plan workflow with newly-established (BBa_K2607002) and existing (BBa_K592024) parts of BFP.
Part I: Gel Electrophoresis Confirmation
Upon receiving our “Improved BFP” gBlock from IDT, we performed PCR to amplify it until sufficient quantity (about 100 ng/uL). We then created two restriction digestion reactions, one with NdeI restriction enzyme and one with SalI restriction enzyme. Each reaction comprised of 100 uL PCR-amplified “Improved BFP” gBlock, 6 uL restriction enzyme, 15 uL CutSmart® restriction buffer, and 29 uL nuclease-free water. The reaction was subsequently incubated for four hours at 37oC incubator. The digestion products were then run for electrophoresis in 1% agarose gel with tris-acetic acid-EDTA (TAE) buffer 1x, power supply 50 volt for 70 minutes. Visualization was performed with Bio-Rad Gel DocTM XR+ Gel Documentation System.

Part II: Ultraviolet (UV) Check
First, we acquired BBa_K592024 by transforming wild-type Escherichia coli K-12 with plasmid in well 17C of Distribution Kit Plate 1, isolating the plasmid, and performing restriction with EcoRI and PstI restricton enzymes. Our “Improved BFP” and BBa_K592024 were separately cloned into plasmid pQE80L using EcoRI and PstI according to our laboratory protocol. The resultant ligation products were subsequently transformed into wild-type E. coli K-12, along with empty pQE80L as control. Transformation products were spread into Luria-Bertani (LB) agar medium containing ampicillin with ratio 1000:1. On the following day, the fluorescence was assessed qualitatively under ultraviolet (UV) light.

Part III: Fluorescence Assay
Fluorescence assay was conducted according to 5th InterLab protocol with some modifications. From each transformation plates, two colonies were picked and let to be grown in LB medium with ampicillin (1000:1). Two colonies of E. coli containing empty plasmid pQE80L were also inoculated for control. After 18 hours, each overnight culture was diluted until optical density at 600 nm (OD600) of 0.02 and final volume of 12 mL in 50 mL centrifuge tube covered with foil. At t = 0 hour, 1 mL from each tube was sampled to be measured for its OD600 and fluorescence. The measurement was conducted with GloMax® - Multi Detection System with “UV” settings: 365 nm excitation and 410-460 nm emission. The data obtained were recorded and analyzed in Excel. The rest of dilutions were incubated in shaker under 37oC, 220 rotations per minute (rpm). We repeated the same procedure after t = 6 hour and overnight (t = 14 hour) incubation.
Part I: Gel Electrophoresis Confirmation

Figure 3. Gel electrophoresis of restriction of “Improved BFP” gBlock with 1% agarose gel, TAE 1x, 50 V, and 70 minutes. Lane 1 = BioLabs, Inc. 100 bp DNA ladder (#N3231L) with size range 100-1517 bp. Lane 2 = uncut PCR-amplified “Improved BFP” gBlock (expected size 1151 bp). Lane 3 = “Improved BFP” gBlock cut with NdeI. Lane 4 = “Improved BFP” gBlock cut with SalI.
Restriction result of PCR-amplified “Improved BFP” gBlock is shown in Figure 3. At lane 2 consisting of uncut “Improved BFP” gBlock (size 1151 bp), only single band is observed. The band is located between 1000-1200 bp marker at lane 1, which is consistent to the gBlock original size. Upon restriction with NdeI, the expected bands are 271 bp and 880 bp in size, while restriction with SalI will yield expected bands of 249 bp and 902 bp. At lane 3 and 4, there are three bands observed, indicating that the gBlocks were partially digested with respective enzymes, NdeI and SalI. The heaviest bands in lane 3 and 4 were parallel with the band in lane 2, indicating that the bands were uncut "Improved BFP" gBlocks. The middle bands in lane 3 and 4 were similar in size (around 900 bp in size), representing the larger fragments of digestion products with their respective enzymes. The lightest bands in lane 3 and 4 were also similar in size, located between 200-300 bp marker at lane 1. They represent the smaller fragments of digestion products. The smaller fragment upon NdeI digestion is 271 bp, while upon SalI digestion is 249 bp. The lightest band in lane 3 migrated slightly slower than lightest band in lane 4, denoting larger size of smaller fragment in lane 3 than lane 4, which is consistent to the expected restriction results.

Part II: Ultraviolet (UV) Check

Figure 4. Colony of transformed wild-type Escherichia coli K-12 with empty pQE80L (yellow arrow), pQE80L with “Improved BFP” (green arrow), and pQE80L with BBa_K592024 (orange arrow) in plasmid pQE80L under ultraviolet (UV) illumination.
Transformation results of wild-type E. coli K-12 with empty pQE80L, pQE80L with “Improved BFP”, and pQE80L with BBa_K592024 under ultraviolet (UV) light is shown in Figure 4. Qualitatively, higher fluorescence was observed in transformed E. coli with “Improved BFP” compared with others. The probable explanation is that our “Improved BFP” has its own promoter. When our part is cloned into pQE80L with EcoRI and PstI, there are two promoters in the upstream of BFP coding region, theoretically leading to more BFP mRNA and protein being produced. However, to further investigate this hypothesis, we performed quantitative BFP fluorescence measurement from three samples (E. coli K-12 with empty pQE80L, pQE80L + “Improved BFP", and pQE80L + BBa_K592024), as will be explained in Part III.

Part III: Fluorescence Assay
Table 1. Fluorescence and OD600 measurement of transformed E. coli K-12 with one of three plasmids: empty pQE80L, pQE80L with Improved BFP”, and pQE80L with BBa_K592024. Replicate 1 and 2 were from first colony of respective sampled transformed E. coli, while replicate 3 and 4 were from second colony. Fl = fluorescence in arbitrary unit.

Figure 5. Fluorescence/OD600 measurement (in mean arbitrary units ± standard deviation) of transformed E. coli with one of three plasmids (empty pQE80L, pQE80L with “Improved BFP”, and pQE80L with BBa_K592024) at t = 0 hour, 6 hour, and 14 hour. * and ** indicate statistically significant differences (p = 0.005 and < 0.001, respectively).
Complete data of fluorescence assay is shown in Table 1, while the overall result is visualized in Figure 5. At t = 0, 6, and 14 hour, although not shown in Figure 5, fluorescence/OD600 of transformed E. coli with pQE80L + “Improved BFP” and pQE80L + BBa_K592024 were significantly higher than negative control (transformed E. coli with empty pQE80L). At t = 6 hour, fluorescence/OD600 of E. coli with “Improved BFP” was significantly higher than E. coli with BBa_K592024 (p = 0.005). Similar result was found after overnight incubation (p < 0.001). These results support previous qualitative observation of fluorescence and may be explained by ‘double promoter’ of “Improved BFP” in pQE80L. In addition, from Figure 5 it is also observed that fluorescence/OD600 was decreasing along with time. The probable explanation of this result is higher bacterial concentration in medium over time, resulting in larger denominator and reducing fluorescence/OD600. Moreover, it is also probable that the bacteria underwent cessation, causing decline in BFP production and resulting in lower fluorescence/OD600. Nevertheless, from this experiment, it can be inferred that E. coli transformed with “Improved BFP” retains significantly higher fluorescence/OD600 than BBa_K592024 under plasmid pQE80L expression system.
To conclude, through experiment with “Improved BFP”, we demonstrated that our improved part can be cut between promoter and ribosome binding site, also between ribosome binding site and coding region with SalI and NdeI restriction enzyme, respectively. Therefore, appropriate restriction enzyme can be utilized to replace promoter or ribosome binding site with the desired ones. When we conducted experiment to compare “Improved BFP” and previous part (BBa_K592024) under pQE80L expression system, it was observed that “Improved BFP” yield more fluorescence/OD600, probably due to intrinsic promoter it owned.
Team UI Indonesia
  igemui2018@gmail.com