From OpenWetWare
Jump to: navigation, search


<link rel="stylesheet" href=",100&subset=latin"> <script src="//" ></script>

<script type"text/javascript"> $(function () { $("style[media*='screen']").remove(); $("link[href*='favicon']").remove(); //fix heading var h1 = $(".firstHeading").text().split("/"); $(".firstHeading").text(h1[h1.length-1]); $("tr:odd").addClass("odd"); }); $('link[rel="shortcut icon"]').attr('href',''); </script> <link rel="icon" type="image/png" href="">

<style type="text/css"> /**** Base styles ****/ /*#column-one, */

  1. content {
   font-weight: bold;


  1. footer, div#sidebar-main, #contentSub, .firstHeading, #siteSub, #jump-to-nav, .printfooter, #p-cactions {
   display: none;


/*only show edit button - also remove p-cactions from previous style*/

  1. ca-nstab-main, #ca-talk, #ca-history, #ca-move, #ca-watch, #ca-link, #p-personal{
   display: none;


  1. ca-edit{

} /*Make text on edit buttons visible for easier editing*/ .editButtons, #wpSummary{ color: black; }


<meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>EchiDNA 2014</title>

<link href="" rel="stylesheet">

<style type="text/css">

@font-face { font-family: BIOMOD_font; src: url(; }

@font-face { font-family: HEADING_font; src: url(; }

@font-face { font-family: HEADING_ACTIVE_font; src: url(; }

@font-face { font-family: FOOTER_font; src: url(; }

/*Alter default header*/

.navbar-default .navbar-nav > li > a { font-family: HEADING_font, Arial, sans-serif; }

.navbar-default .navbar-nav > li > ul > li > a { font-family: HEADING_font, Arial, sans-serif; font-size: 10pt; }

.navbar-default .navbar-right > li { color: #f8f8f8; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #F7941E; background-color: #F8F8F8; font-family: HEADING_ACTIVE_font, Arial, sans-serif; }

a[href^="mailto"] { color: white; }

a[href^="mailto"]:hover { color: #f7941e; text-decoration: none; }

a#vccri, a#edit-link { color:white; }

a#vccri:hover, a#edit-link:hover { color: #f7941e; text-decoration: none; }

body { background-image: url(; background-repeat: repeat; color:white; font-family: BIOMOD_font, Arial, sans-serif; }

.col-centered { display:inline-block; float:none; text-align:left; /* inline-block space fix */ margin-right:-4px; }

h4 { color: #f7941e; font-family: HEADING_font, Arial, sans-serif; }

/*Footer stuff*/

html { position: relative; min-height: 100%; }

body { margin-bottom: 35px; }

.footer { position: absolute; bottom: 0; width: 100%; height: 35px; background-color: #0c2850; }

/*Fix OpenWetWare Editing Box*/

  1. wpTextbox1 {

color: #000; font-family: Arial; width: 100%; }


<html lang="en">


<script type="text/javascript"> $('#lab_book_link').addClass('active'); </script>

<style type="text/css">

  1. next-link {

color: #0F3264; text-decoration: none; margin-left: auto; margin-right: auto; font-size: 12pt; }

  1. next-link:hover {

color: #F7941E; }

.col-centered { display:inline-block; float:none; text-align:left; /* inline-block space fix */ margin-right:-4px; }

#LAB-BOOK-TITLE { font-family: HEADING_font, Arial, serif; color: black; font-size: 16pt; padding-top: 35px; }

h2 { font-family: HEADING_font, Arial, serif; color: #0F3264; font-size: 14pt; } orange { color: #F7941E; }

#LAB-BOOK-TOP { display:block; width: 766px; height: 76px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url(; }

#LAB-BOOK-REPEAT { display:block; position: relative; width: 766px; height: auto; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-bottom: 30px; padding-left: 60px; padding-right: 20px; background-image: url(; background-repeat: repeat-y; background-position: top; }

#LAB-BOOK-TEXT { position: relative; padding-top: 15px; color: black; text-align: justify; }

#LAB-BOOK-DIRTY-BOOK { display:block; width: 165px; height: 133px; background-image: url(; background-repeat: no-repeat; background-position: top;

position: absolute; top: 15px; left: 530px;

} #LAB-BOOK-DIRTY-BOOK:hover { background-position: bottom; }


display:block; width: 167px; height: 129px; background-image: url(; background-repeat: no-repeat; background-position: top;

position: absolute; top: 20px; left: 110px;

} #LAB-BOOK-CLEAN-BOOK:hover { background-position: bottom; }

.image-left { font-size: 9pt; width: 50%; float: left; text-align: center; padding: 10px 15px; }

.image-right { font-size: 9pt; width: 50%; float: right; text-align: center; padding: 10px 15px; }

.image-center { font-size: 9pt; width: 100%; float: left; text-align: center; padding: 10px 15px; }

.image-right img, .image-left img { max-width: 91%; }

.image-center img { max-width: 95%; }



<div class="container" style="text-align: center; margin-top: 100px;">

<div id="LAB-BOOK-TOP"> <div id="LAB-BOOK-TITLE" style="padding-left:60px; text-align: justify;">Experiment 2 - Characterisation of Molecular Beacon</div> </div> <div id="LAB-BOOK-REPEAT"> <img src="" /> <a href="" id="LAB-BOOK-CLEAN-BOOK"></a> <a href="" id="LAB-BOOK-DIRTY-BOOK" target="_blank"></a>

<div id="LAB-BOOK-TEXT">

<!-- ************************************************************************************************************************************************ --> <!-- ************************************************ START EDITING ********************************************************************************* --> <!-- ************************************************************************************************************************************************ -->


To build and characterise the re-designed molecular beacon, and specifically to: <ul><li> optimise purity and yield of switch construction,</li> <li> and investigate the sensitivity of molecular beacons by systematically varying clip strength and signal concentration.</li></ul> <br> <div class="image-centre"> <div><img src="" /></div> Fig 1. Diagram of our redesigned modular molecular beacon, indicating the single letter abbreviations of subcomponents commonly used by Team EchiDNA. </div>


We <a href="" target="_blank">re-designed</a> conventional molecular beacons to suit them to a new application in our cooperative molecular biosensor. We needed to determine whether our stripped-down, modular version of molecular beacons really worked! <br><br> There were three key measures of whether our re-designed molecular beacons were a success: <ul> <li>Firstly, we had to see whether or not our de-constructed version of the single-stranded molecular beacon would still hybridise into a complex of four separate oligos with predictable efficiency. </li> <li> Secondly, we had to determine whether the re-designed molecular beacon still functioned and identify the limits of the switch in terms of signal-to-noise and the dynamic range of biosensing activity. </li> <li> Finally, we wanted to exploit the modularity of our design to fully explore and characterise the potential of the switch as a biosensing technology. </li> </ul> In the first case one of the simplest and most direct ways to observe assembly is simply to create samples where all the components of the molecular biosensor are isolated, and others where they are together. By applying an electric field over a non-denaturing poly-acrylamide gel (PAGE) containing the DNA samples, it was possible to directly observe the change in mass after mixing complementary oligos. It was also possible to observe the oligo-bound fluorophore changing in mass upon hybridisation. In the second and third cases, we moved directly towards fluorescence as a direct means of testing whether the redesigned molecular beacon worked as anticipated. <br> <br>

We actually iterated through this set of experiments twice, with two evolving versions of our molecular beacon. Through these experiments we found that our first design had <a href="" target="_blank">two major problems</a>, which we managed to overcome in the second design.

<div class="image-centre"> <div><img src="" /></div> Fig 2. Overview of reaction with the first design of the single beacon. </div> <br>

<div class="image-centre"> <div><img src="" /></div> Fig 3. Overview of reaction with the second design of the single beacon. </div> <br>

<h2>Methods and Materials</h2> <br> <orange> Confirming synthesis of molecular beacons by electrophoresis</orange><br> It is possible to separate small molecules by size based on their movement through a gel. The molecules are forced to move by an electric field over the gel. We can use a non-denaturing acrylamide gel to separate nucleic acids, and it is one of the most direct ways to see whether we have annealed oligos into structures of different sizes. <br>

<ul> <li> Preparing the gel

<ul> <li>Set-up gel mould as per instructions</li> <li> Set the resolving gel

<ul> <li> Add Tris-HCl, acrylamide and Milli-Q water </li> <li> Once mixed, add APS and TEMED </li> <li> Fill resolving between gel plates up to 1cm below wells </li> <li> Seal with a small layer of 100% isopropanol (~200 ul) and allow to set (~30 mins) </li></ul> <li> Remove isopropanol by pouring out or using filter paper </li> <li> Repeat the process of preparation for the stacking gel </li> <ul> <li> Fill stacking gel almost to overflowing </li> <li> Insert well combs at an angle to allow air to escape from the wells </li> <li> Allow to set (~30 mins) </li> </ul> <li> Gel can be stored in Milli-Q water or run immediately </li></ul> <li> Running the gel: <ul> <li> Set-up gel and electrode in get bath (if you are only running one gel, remember to add another electrode, completing the circuit) </li> <li> Fill the space between electrodes and tank with TRIS-glycine buffer, and fill about half the bath (until electrodes are submerged) </li> <li> Remove the combs carefully </li> <li> Add sample </li> <li> Run at 150V, 400W for 40 mins, until lower band of dye reaches ~1cm from the bottom of the gel </li> <li> Gel can be visualised in two ways (or both sequentially) <ul> <li> Immediately visualise using FujiFilm FLA-5100 Imager at 473nm (Alexa Fluor 488 can be seen on fluorophore strands) </li> <li> Incubate gel for ~10 minutes in SYBR Gold Bath (5ul SYBR Gold in 50ml TRIS-glycine). Mixing and under foil to protext SYBR Gold from light. Visualise using FujiFilm FLA-5100 Imager at 473nm

</li> </ul> </li>



<br><orange> Confirming function by titrating signal against clip strength </orange> <br>


We needed to observe the resulting fluorescence from varying the signal concentration, clip strength, and exposure time in order to fully characterise our re-designed molecular beacon. To do this we designed the following experiment which would exploit the modular clip length of our system. <br><br>

<div class="image-centre"> <div><img src="" /></div> Fig 5. Explanation of different clip strengths. </div><br>

<ul><li> Preparation of Stock Solutions: All oligos are dissolved and diluted in synthesis buffer

unless otherwise indicated. Prepare 10 uM working stock solutions of Flurophore, Quencher,

and each Clip. Prepare working stock solutions of signal at 10 uM, 1 uM, 100 nM and 10 nM.</li> <li>Preparation of Unclipped switch "BFQ": A total of 70 uL at 2.14 uM of unclipped switch was

prepared by combining a 1.5 uL aliquot of 100 uM backbone with 16 uL of 10 uM flurophore,

16 uL of 10 uM quencher, and 36.5 uL of synthesis buffer. The mixture was left to stand at

room tempreature for 15 minutes. </li> <li>Preparation of Clipped Switches "BFQC": There are a total of 7 clips covering a range of

lengths from 0-10 base pairs, as well as a "blank" no-clip experiment. The 70 uL solution

of "BFQ" prepared above is seperated into eight lots of 8 uL aliquots, to which 18 uL of 10

uM of each clip (or buffer in the case of no clip) is added. A further 69 uL synthesis

buffer is added to make the total volume up to 95 uL. </li> <li>Addition of Signal: 10 uL of each complete sensor is aliquotted nine times onto a 96 well

plate, creating a 9x8 grid. Signal is then added to each sample (see table below). The

plate is then scanned at 5 minute intervals on the plate reader over a period of 12

hours.</li></ul> <div class="image-center"> <div><img src="" /></div> Fig 6. Table of Signal additions for grid (note all volumes are in uL) </div><br><br>

<br><br><h2>Results</h2> <orange> Confirming Synthesis </orange> <br>

From the polyacrylamide gel, stained with SYBR Gold, we are clearly able to identify the distinct bands of each individual components of the switch. Furthermore, we see a clear shifted band when any of the components of the molecular beacon are paired with the backbone (B) that threads through our entire re-designed molecular beacon. Finally, we are confident from this gel that we have assembled a switch that functions correctly - by comparing the final three wells we can infer that while both the clip and signal hybridise independently to the molecular beacon, the signal will outcompete the clip when both are present in the same assembly mix.

<div class="image-center"> <div><img src="" /></div> Fig 6. Polyacrylamide gel demonstrating successful assembly of switch with high efficiency. <br> Key: (F) Fluorophore, (S) Signal, (C) Clip, (B) Backbone), (Q) Quencher. </div><br><br>


<br><orange> Confirming Function </orange> <br> <div class="image-right"> <div><img src="" /></div> Fig 2. Overview of reaction with the first design of the single beacon. </div><br> It was by conducting exactly this kind of exhaustive search through the parameter space of different clip strengths and signal concentrations that we identified the design faults in our first molecular beacon. Consider the graphic, which shows the effect of increasing signal concentration (left to right) on decreasing clip strength (front to rear). Note that the weakest clips have very high levels of fluorescence, higher in fact than the negative control, containing no clip. This led directly to the <a href=" ">re-design of our molecular beacon</a>. <br>

<div class="image-center"> <div><img src="" /></div> Fig 7. Switch design #1. Fluorescence plate data over a range of clips and signals. </div><br>

<div class="image-right"> <div><img src="" /></div> Fig 3. Overview of reaction with the second design of the single beacon. </div> <br> <br><br> After re-designing and heading back into the lab with the second design of our molecular beacon, we conducted the same analysis of clip strength of signal concentration. This time, however, we conducted a time series analysis. This allowed us to demonstrate that the stronger clips take longer to be displaced by the signal, but eventually end up demonstrating similar overall behaviour as the shorter clips. It was also this analysis which led us to demonstrate that the binding of the signal, thus <a href=" ">changing the local environment around the fluorophore</a>, has a greater effect on the intensity of fluorescence than does the quencher-fluorophore interaction. This can be concluded from the fact that at low concentrations of signal, the difference between clips is explained by whether or not the clip is long enough to hold the switch shut and bring the fluorophore and quencher into close proximity. <br>

<div class="image-center"> <div><img src="" /></div> Fig 8. Switch design #2. A time-series analysis of fluorescence considering multiple different clip strengths over a range of signal concentration (varying from 1/64 to 64 x excess of signal:molecular beacon). </div><br>

<h2>Conclusion</h2> We have constructed a single modular non-cooperative DNA biosensor and functionally characterised its fluorescence. This process led to new and improved designs, while also teaching us more about fluorophores. This work brought us one step closer to building our cooperative molecular biosensor by demonstrating that we have the capacity to iteratively optimise our biosensor by exhaustively searching the parameter space of modular designs.

<!-- ************************************************************************************************************************************************ --> <!-- ************************************************ STOP EDITING ********************************************************************************* --> <!-- ************************************************************************************************************************************************ -->

</div> <br><br> <a id="next-link" href="">Click here to go back to the Lab Book Overview</a>

</div> </div>




   <script src=""></script>
   <script src=""></script>

<script type="text/javascript"> var pathArray = window.location.pathname.split( '/' ); var newPathname = ""; for (i = 2; i < pathArray.length; i++) { newPathname += pathArray[i]; newPathname += "/"; } newPathname=newPathname.slice(0,-1); document.getElementById('edit-link').setAttribute('href', ''+newPathname+String.fromCharCode(38)+'action=edit'); </script>