Difference between revisions of "Team:Hong Kong HKU/Demonstrate"

m
(Update information)
Line 3: Line 3:
 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
<style>
 
<style>
        #sideMenu
+
#sideMenu
        {
+
{display:none; /* Disable the display of the annoying side main menu*/}
        display:none; /* Disable the display of the annoying side main menu*/
+
#top_title
        }
+
{display:none; /* Disable the annoying title*/}
       
+
#content
        #top_title
+
{padding:0px; width:90%; margin-left:5%; margin-right:5%;background-color: rgba(255,255,255,0);}
        {
+
body
        display:none; /* Disable the annoying title*/
+
{margin: 0;
        }
+
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 
+
font-size: 24px;
#content { padding:0px; width:90%; margin-left:5%; margin-right:5%;}
+
color: #333333;
 +
background-color: #fafafa;
 +
background-image:url(https://static.igem.org/mediawiki/2016/a/ae/T--Hong_Kong_HKU--Background_image.png);
 +
background-position:center center;
 +
background-repeat:no-repeat;
 +
-moz-background-size: cover;
 +
background-size: cover;
 +
background-attachment:fixed;}
 +
.container
 +
{background-color: rgba(255,255,255,0.6);
 +
padding-top:80px;}
 +
p {font-size: 16px;}
 +
h1,h2,h3,h4,h5,h6 {color: #282828;}
 +
h1 {font-size:72px;} h2 {font-size:48px;} h3 {font-size:36px;}
 +
h4 {font-size:32px;} h5 {font-size:28px;} h6 {font-size:24px;}
 +
.panel-body{background-color:rgba(255, 255, 255, 0) !important;}
 +
.panel-heading{background-color:rgba(255, 255, 255, 0.7)  !important;}
 +
.panel-group{background-color:rgba(255, 255, 255, 0)  !important;}
 +
.panel-transparent{background-color:rgba(255, 255, 255, 0) !important;}
 +
.nav-pills>li.active>a{background-color:#93d66b !important;}
 +
.nav-pills>li>a:hover{background-color:#b2dd75 !important; color:#FFFFFF!important;}
 +
.nav-pills>li.active>a:hover{background-color:#93d66b !important;}
 
</style>
 
</style>
 
+
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
 
<head>
 
<head>
 
<meta charset="utf-8">
 
<meta charset="utf-8">
 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap -->
 
 
<link href="https://2016.igem.org/Team:Hong_Kong_HKU/css/default?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
 
<link href="https://2016.igem.org/Team:Hong_Kong_HKU/css/default?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
<!-- custom style -->
 
 
<link href="https://2016.igem.org/Team:Hong_Kong_HKU/css/custom?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
 
<link href="https://2016.igem.org/Team:Hong_Kong_HKU/css/custom?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
 
</head>
 
</head>
 
+
</html>
 +
{{Hong_Kong_HKU/Header}}
 +
<html>
 
<body>
 
<body>
<nav class="navbar navbar-default">
 
  <div class="container-fluid">
 
    <!-- Brand and toggle get grouped for better mobile display -->
 
    <div class="navbar-header">
 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
 
      <a class="navbar-brand" href="#">HKU iGEM Team</a>
 
    </div>
 
     
 
   
 
    <!-- Collect the nav links, forms, and other content for toggling -->
 
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 
      <ul class="nav navbar-nav">
 
        <li class="active"><a href="https://2016.igem.org/Team:Hong_Kong_HKU">Homepage</a> </li>
 
        <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true">Project<span class="caret"></span></a>
 
          <ul class="dropdown-menu">
 
            <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Description">Description</a> </li>
 
            <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Design">Design</a> </li>
 
            <li role="separator" class="divider"></li>
 
            <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Proof">Proof of concept</a> </li>
 
            <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Demonstrate">Demonstrate</a> </li>
 
          </ul>
 
        </li>
 
        <li class="dropdown"> <a href="https://2016.igem.org/Team:Hong_Kong_HKU/Notebook" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true">Notebook<span class="caret"></span></a>
 
          <ul class="dropdown-menu">
 
            <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Protocol">Protocol</a> </li>
 
            <li role="separator" class="divider"></li>
 
            <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Results">Results</a> </li>
 
          </ul>
 
        </li>
 
        <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Parts">Parts</a></li>
 
        <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Human_Practices">Human Practices</a></li>
 
        <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Collaborations">Collaborations</a></li>
 
        <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Attributions">Attributions</a></li>
 
      </ul>
 
      <form class="navbar-form navbar-right" role="search">
 
        <div class="form-group">
 
        <a href="https://www.facebook.com/igemhku2016" target="_blank"><img style="float:right"  src="https://static.igem.org/mediawiki/2016/e/ea/T--Hong_Kong_HKU--FB.jpg" width="24px" height="24px" alt="Placeholder image"></a>
 
        </div>
 
      </form>
 
      <ul class="nav navbar-nav navbar-right">
 
      </ul>
 
    </div>
 
    <span class="dropdown"></span>    <!-- /.navbar-collapse -->
 
  </div>
 
  <!-- /.container-fluid -->
 
</nav>
 
 
 
<img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2016/a/a8/T--Hong_Kong_HKU--Logo_HKU_2460x1860.jpg" style="width:240px; height:180px;" alt="Placeholder image">
 
 
<div class="container" align="center">
 
<div class="container" align="center">
<h3>Demonstrate</h3>
+
    <h3>Demonstrate</h3><br>
 +
    <ul class="nav nav-pills">
 +
      <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Parts#Parts">Composite Parts</a></li>
 +
      <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Parts#Achievements">Achievements</a></li>
 +
  <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Results">Results</a></li>
 +
      <li class="active"><a href="#">Demonstrate our work</a></li>
 +
      <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Proof">Proof of Concept</a></li>
 +
    </ul>
 +
    <p class="text-justify" align="left">
 +
    <br><font size="4"><b>RNA detection using DNA nanostructure</b></font><br><br>
 +
    <font size="3">
 +
    After showing that our DNA nanostructures can detect our target DNA (details can be found <a href="https://2016.igem.org/Team:Hong_Kong_HKU/Results">here</a>), we went further to detect RNA. 
 +
    This test aimed to simulate the detection of serum microRNA, which has potential real-world application to diagnose disease using microRNA disease biomarkers. 
 +
    The following table shows the sequence of input used in the assay.<br><br>
 +
    </font></p>
 +
    <table class="table">
 +
        <thead>
 +
            <tr>
 +
            <th></th>
 +
                <th>Sequence</th> 
 +
                <th>Length</th>
 +
            </tr>
 +
        </thead>
 +
        <tbody>
 +
            <tr>
 +
                <td>RNA Input</td>
 +
                <td>CAAUCAGGGUCUAACUCCACUGGGUGCCAU</td>
 +
                <td>30</td>
 +
            </tr>
 +
            <tr>
 +
                <td>RNA Mutant</td>
 +
                <td>CAGGCAGUAUCAUGCGACAUUGGGUGCAGC</td>
 +
                <td>30</td>
 +
            </tr>
 +
        </tbody>
 +
    </table>
 +
    <p class="text-justify" align="left"><font size="3">
 +
    First, we used our simplified DNA nanostructure (formed from the G-quadruplex side of O1 and O5 of the tetrahedron, 
 +
    which is the essential part of the 3D tetrahedral nanostructure) to detect RNA input.
 +
    Equimolar (100nM final) DNA nanostructure and RNA input were added in the assay. 
 +
    The following bar chart shows the absorbance at 420nm after the addition of different RNAs.<br><br>
 +
    </font></p>
 +
    <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2016/2/20/T--Hong_Kong_HKU--ABTS-RNAmutant-beacon.jpg" alt="" width="500px" height="auto">
 +
    <p class="text-justify" align="left"><font size="3">
 +
    Fig. A: Absorbance at 420nm after the addition of different RNAs to the simplified DNA nanostructure (formed from O1's G-quadruplex side and O5 of the tetrahedron) which is termed as  "beacon" in the above graph. 
 +
    The absorbance was taken 15 minutes after the addition of ABTS and H2O2. Error bars show standard deviation from triplicates.<br><br>
 +
    Then, we repeated the experiment using our tetrahedral DNA nanostructure, which gave the following result.<br><br>
 +
    </font></p>
 +
    <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2016/3/39/T--Hong_Kong_HKU--ABTS-DNAmutant-tetra.jpg" alt="" width="500px" height="auto">
 +
    <p class="text-justify" align="left"><font size="3">
 +
    Fig. B: Absorbance at 420nm after the addition of different RNAs to the tetrahedral DNA nanostructure. 
 +
    The absorbance was taken 15 minutes after the addition of ABTS and H<sub>2</sub>O<sub>2</sub>. Error bars show standard deviation from triplicates.<br>
 +
    From the above two graphs, it is clear that the addition of RNA input resulted in a higher absorbance than that without the addition of RNA input, and the addition of a random RNA sequence did not lead to a higher absorbance.
 +
    Hence, we have successfully demonstrated that our design not only can detect our desired RNA, it can also distinguish the correct RNA input from a random RNA.<br><br>
 +
    </font>
 +
    <font size="4"><b>Limit of detection</b></font><br><br>
 +
    <font size="3">
 +
    Then, we determined the limit of detection (LOD) of our detection beacon (formed from O1's G-quadruplex side and O5 of the tetrahedron, the active component of the tetrahedral nanostructure) by ABTS assay. 
 +
    Different concentrations of RNA input were added and their respective absorbance at 420nm was measured. 
 +
    A regression line obtained is shown in the following graph.
 +
    </font></p>
 +
    <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2016/d/df/T--Hong_Kong_HKU--ABTS-RNAbeaconLOD.jpg" alt="" width="500px" height="auto">
 +
    <p class="text-justify" align="left"><font size="3">
 +
    Fig. C: Absorbance at 420nm against the concentration of RNA input to the simplified DNA nanostructure (formed from O1's G-quadruplex side and O5 of the tetrahedron).
 +
    The absorbance was taken 15 minutes after the addition of ABTS and H<sub>2</sub>O<sub>2</sub>. Error bars show standard deviation from triplicates.
 +
    The regression line obtained is <i>y</i>=0.0009<i>x</i>+0.1298 (R<sup>2</sup>=0.9739).
 +
    The LOD is calculated as follows.<br><br>
 +
    C<sub>LOD</sub> = 3(s<sub><i>y</i>/<i>x</i></sub>)÷<i>b</i>,  where<br><br>
 +
    C<sub>LOD</sub> is the concentration LOD,<br>
 +
    s<sub><i>y</i>/<i>x</i></sub> is the standard error of regression, and<br>
 +
    <i>b</i> is the slope of regression line.<br><br>
 +
    First, the standard error of regression is determined.<br><br>
 +
    </font></p>
 +
      <table class="table">
 +
        <thead>
 +
            <tr>
 +
                <th style="text-align:center"><i>X</i></th>
 +
                <th style="text-align:center"><i>Y</i></th>
 +
                <th style="text-align:center"><i>Y'</i></th>
 +
                <th style="text-align:center"><i>Y</i>-<i>Y'</i></th>
 +
                <th style="text-align:center">(<i>Y</i>-<i>Y'</i>)<sup>2</sup></th>
 +
            </tr>
 +
        </thead>
 +
        <tbody>
 +
            <tr>
 +
                <td style="text-align:center">0</td>
 +
                <td style="text-align:center">0.123333333333333</td>
 +
                <td style="text-align:center">0.1298</td>
 +
                <td style="text-align:center">-0.00646666666666666</td>
 +
                <td style="text-align:center">0.0000418177777777777</td>
 +
            </tr>
 +
            <tr>
 +
                <td style="text-align:center">20</td>
 +
                <td style="text-align:center">0.151</td>
 +
                <td style="text-align:center">0.1478</td>
 +
                <td style="text-align:center">0.00320000000000001</td>
 +
                <td style="text-align:center">0.0000102400000000001</td>
 +
            </tr>
 +
            <tr>
 +
                <td style="text-align:center">40</td>
 +
                <td style="text-align:center">0.170666666666667</td>
 +
                <td style="text-align:center">0.1658</td>
 +
                <td style="text-align:center">0.00486666666666666</td>
 +
                <td style="text-align:center">0.0000236844444444444</td>
 +
            </tr>
 +
            <tr>
 +
                <td style="text-align:center">60</td>
 +
                <td style="text-align:center">0.185666666666667</td>
 +
                <td style="text-align:center">0.1838</td>
 +
                <td style="text-align:center">0.00186666666666666</td>
 +
                <td style="text-align:center">0.0000034844444444444</td>
 +
            </tr>
 +
            <tr>
 +
                <td style="text-align:center">80</td>
 +
                <td style="text-align:center">0.208333333333333</td>
 +
                <td style="text-align:center">0.2018</td>
 +
                <td style="text-align:center">0.00653333333333336</td>
 +
                <td style="text-align:center">0.0000426844444444448</td>
 +
            </tr>
 +
            <tr>
 +
                <td style="text-align:center">100</td>
 +
                <td style="text-align:center">0.213666666666667</td>
 +
                <td style="text-align:center">0.2198</td>
 +
                <td style="text-align:center">-0.00613333333333332</td>
 +
                <td style="text-align:center">0.0000376177777777777</td>
 +
            </tr>
 +
            <tr>
 +
                <td style="text-align:center" colspan="5"> </td>
 +
            </tr>
 +
            <tr>
 +
                <th style="text-align:center" colspan="2">SSE</th>
 +
                <td style="text-align:center" colspan="3">0.000159528888888889</td>
 +
            </tr>
 +
        </tbody>
 +
      </table>
 +
    <p class="text-justify" align="left"><font size="3">
 +
    (<i>Y'</i> is the predicted value from the regression line <i>y</i>=0.0009<i>x</i>+0.1298)<br><br>
 +
    Standard error of regression = √(SSE÷no. of pairs)=√(0.0001595÷6)=0.005156<br><br>
 +
    Limit of detection<br>
 +
    C<sub>LOD</sub> = 3(s<sub><i>y</i>/<i>x</i></sub>)÷<i>b</i> = 3(0.005156)÷0.0009 = 17.19nM<br><br>
 +
    </font>
 +
    <br><font size="4"><b>Real-world application</b></font><br><br>
 +
  <font size="3">
 +
  Our DNA nanostructures can potentially be utilized as a simple diagnostic tool, where a higher absorbance in ABTS assay suggests the presence of our desired RNA target.
 +
    As microRNAs are potential disease biomarkers, our DNA nanostructures can potentially be used in disease screening by detecting the patien' s serum microRNA.
 +
    In addition, we can easily expand the application to detect different RNA sequences by modifying the sequence of two strands of our DNA nanostructure.
 +
    </font></p>
 +
</div>
  
 
<!-- footer -->
 
<!-- footer -->
<hr>
+
<footer class="text-center"></footer>
<footer class="text-center">
+
<script src="https://2016.igem.org/Team:Hong_Kong_HKU/JS/jQuery?action=raw&ctype=text/javascript" type="text/javascript"></script>
  <div class="container">
+
  <table cellspacing="0" cellpadding="0" max-width="90%" height="78" border="0" align="center">
+
  <tbody>
+
    <tr align="center">
+
      <td width="70%"><h4>Sponsors</h4></td>
+
      <td width="20%"><h4>Contact</h4></td>
+
    </tr>
+
    <tr>
+
      <td><img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2016/c/cd/T--Hong_Kong_HKU--IDT-Logo.png" width="185px" height="51px" alt="Placeholder image">
+
      <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2016/7/76/T--Hong_Kong_HKU--SnapGeneLogo72.jpg" width="180px" height="51px" alt="Placeholder image"></td>
+
      <td>Email: <a href="mailto:igemhku@hku.hk" target="_blank">igemhku@hku.hk</a></td>
+
    </tr>
+
  </tbody>
+
</table>
+
    <div class="row">
+
      <div class="col-xs-12">
+
        <p style="text-align: center;">Copyright © 2016 HKU iGEM. All rights reserved.</p>
+
      </div>
+
    </div>
+
  </div>
+
</footer>
+
 
<script src="https://2016.igem.org/Template:Hong_Kong_HKU/js/script?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
<script src="https://2016.igem.org/Template:Hong_Kong_HKU/js/script?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
 
</body>
 
</body>
 
 
</html>
 
</html>
 +
{{Hong_Kong_HKU/Footer}}

Revision as of 19:44, 19 October 2016

Demonstrate



RNA detection using DNA nanostructure

After showing that our DNA nanostructures can detect our target DNA (details can be found here), we went further to detect RNA. This test aimed to simulate the detection of serum microRNA, which has potential real-world application to diagnose disease using microRNA disease biomarkers. The following table shows the sequence of input used in the assay.

Sequence Length
RNA Input CAAUCAGGGUCUAACUCCACUGGGUGCCAU 30
RNA Mutant CAGGCAGUAUCAUGCGACAUUGGGUGCAGC 30

First, we used our simplified DNA nanostructure (formed from the G-quadruplex side of O1 and O5 of the tetrahedron, which is the essential part of the 3D tetrahedral nanostructure) to detect RNA input. Equimolar (100nM final) DNA nanostructure and RNA input were added in the assay. The following bar chart shows the absorbance at 420nm after the addition of different RNAs.

Fig. A: Absorbance at 420nm after the addition of different RNAs to the simplified DNA nanostructure (formed from O1's G-quadruplex side and O5 of the tetrahedron) which is termed as "beacon" in the above graph. The absorbance was taken 15 minutes after the addition of ABTS and H2O2. Error bars show standard deviation from triplicates.

Then, we repeated the experiment using our tetrahedral DNA nanostructure, which gave the following result.

Fig. B: Absorbance at 420nm after the addition of different RNAs to the tetrahedral DNA nanostructure. The absorbance was taken 15 minutes after the addition of ABTS and H2O2. Error bars show standard deviation from triplicates.
From the above two graphs, it is clear that the addition of RNA input resulted in a higher absorbance than that without the addition of RNA input, and the addition of a random RNA sequence did not lead to a higher absorbance. Hence, we have successfully demonstrated that our design not only can detect our desired RNA, it can also distinguish the correct RNA input from a random RNA.

Limit of detection

Then, we determined the limit of detection (LOD) of our detection beacon (formed from O1's G-quadruplex side and O5 of the tetrahedron, the active component of the tetrahedral nanostructure) by ABTS assay. Different concentrations of RNA input were added and their respective absorbance at 420nm was measured. A regression line obtained is shown in the following graph.

Fig. C: Absorbance at 420nm against the concentration of RNA input to the simplified DNA nanostructure (formed from O1's G-quadruplex side and O5 of the tetrahedron). The absorbance was taken 15 minutes after the addition of ABTS and H2O2. Error bars show standard deviation from triplicates. The regression line obtained is y=0.0009x+0.1298 (R2=0.9739). The LOD is calculated as follows.

CLOD = 3(sy/xb, where

CLOD is the concentration LOD,
sy/x is the standard error of regression, and
b is the slope of regression line.

First, the standard error of regression is determined.

X Y Y' Y-Y' (Y-Y')2
0 0.123333333333333 0.1298 -0.00646666666666666 0.0000418177777777777
20 0.151 0.1478 0.00320000000000001 0.0000102400000000001
40 0.170666666666667 0.1658 0.00486666666666666 0.0000236844444444444
60 0.185666666666667 0.1838 0.00186666666666666 0.0000034844444444444
80 0.208333333333333 0.2018 0.00653333333333336 0.0000426844444444448
100 0.213666666666667 0.2198 -0.00613333333333332 0.0000376177777777777
SSE 0.000159528888888889

(Y' is the predicted value from the regression line y=0.0009x+0.1298)

Standard error of regression = √(SSE÷no. of pairs)=√(0.0001595÷6)=0.005156

Limit of detection
CLOD = 3(sy/xb = 3(0.005156)÷0.0009 = 17.19nM


Real-world application

Our DNA nanostructures can potentially be utilized as a simple diagnostic tool, where a higher absorbance in ABTS assay suggests the presence of our desired RNA target. As microRNAs are potential disease biomarkers, our DNA nanostructures can potentially be used in disease screening by detecting the patien' s serum microRNA. In addition, we can easily expand the application to detect different RNA sequences by modifying the sequence of two strands of our DNA nanostructure.


Copyright © 2016 HKU iGEM. All rights reserved.