Team:WITS-CSIR SA/Project/Applications

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 +
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
     <title>Biotweet - Applications</title>
     <title>Biotweet - Applications</title>
-
     <!--<link href="../css/layout.css" rel="stylesheet" type="text/css" />
+
     <link type="text/css" media="screen" rel="Stylesheet" href="https://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dojo/resources/dojo.css" />
-
     <link href="../css/presentation.css" rel="stylesheet" type="text/css" />
+
     <link type="text/css" media="screen" rel="Stylesheet" href="https://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dijit/themes/claro/claro.css" />
-
    <link href="../css/theme/jquery-ui-1.8.14.custom.css" rel="stylesheet" type="text/css" />-->
+
     <style type="text/css">
-
     <!--<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.4.0/build/cssreset/reset-min.css">-->
+
        html, body, div.container
 +
        {
 +
            height: 100%;
 +
            padding: 0px;
 +
            margin: 0px;
 +
        }
 +
       
 +
        div.top
 +
        {
 +
            height: 140px;
 +
            background-color: #2d4782;
 +
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6279ad', endColorstr='#2d4782'); /* for IE */
 +
            background: -webkit-gradient(linear, left top, left bottom, from(#6279ad), to(#2d4782)); /* for webkit browsers */
 +
            background: -moz-linear-gradient(top,  #6279ad,  #2d4782); /* for firefox 3.6+ */
 +
        }
 +
       
 +
        div.center
 +
        {
 +
            background-color: #b8bcbf;
 +
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8bcbf', endColorstr='#ffffff') !important; /* for IE */
 +
            background: -webkit-gradient(linear, left top, left bottom, from(#b8bcbf), to(#ffffff)) !important; /* for webkit browsers */
 +
            background: -moz-linear-gradient(top,  #b8bcbf,  #ffffff) !important; /* for firefox 3.6+ */
 +
        }
 +
       
 +
        div.bottom
 +
        {
 +
            text-align: center;
 +
        }
 +
       
 +
        .dijitMenuItem
 +
        {
 +
            background-color: #eeeeff;
 +
        }
 +
    </style>
 +
    <script type="text/javascript">
 +
        var dojoConfig = {
 +
            isDebug: false,
 +
            parseOnLoad: false
 +
        }
 +
    </script>
     <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/layout.css?action=raw&amp;ctype=text/css">
     <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/layout.css?action=raw&amp;ctype=text/css">
     <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/presentation.css?action=raw&amp;ctype=text/css">
     <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/presentation.css?action=raw&amp;ctype=text/css">
     <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/theme/jquery-ui-1.8.14.custom.css?action=raw&amp;ctype=text/css">
     <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/theme/jquery-ui-1.8.14.custom.css?action=raw&amp;ctype=text/css">
 +
    <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/css/liteaccordion.css?action=raw&amp;ctype=text/css">
     <!-- Begin: Core -->
     <!-- Begin: Core -->
-
    <!--<script src="../js/lib/jquery-1.5.1.min.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/modernizr-1.7.min.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/underscore.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/backbone.js" type="text/javascript"></script>-->
 
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery-1.5.1.min.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery-1.5.1.min.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/modernizr-1.7.min.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/modernizr-1.7.min.js?action=raw&amp;ctype=text/js"></script>
Line 20: Line 57:
     <!-- End:  Core -->
     <!-- End:  Core -->
     <!-- Begin: Library -->
     <!-- Begin: Library -->
-
    <!--<script src="../js/lib/jquery-ui-1.8.14.custom.min.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/jquery.fling.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/sammy-latest.min.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/jQuery.BlockUI.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/jquery.sizes.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/jlayout.border.js" type="text/javascript"></script>
 
-
    <script src="../js/lib/jquery.jlayout.js" type="text/javascript"></script>-->
 
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery-ui-1.8.14.custom.min.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery-ui-1.8.14.custom.min.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery.fling.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery.fling.js?action=raw&amp;ctype=text/js"></script>
Line 34: Line 64:
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jlayout.border.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jlayout.border.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery.jlayout.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/jquery.jlayout.js?action=raw&amp;ctype=text/js"></script>
 +
    <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/lib/liteaccordion.jquery.js?action=raw&amp;ctype=text/js"></script>
     <!-- End:  Library -->
     <!-- End:  Library -->
     <!-- Begin: Custom -->
     <!-- Begin: Custom -->
-
    <!--<script src="../js/common.js" type="text/javascript"></script>-->
 
-
    <!--<script src="../js/layout.js" type="text/javascript"></script>-->
 
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/common.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/common.js?action=raw&amp;ctype=text/js"></script>
-
    <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/js/layout.js?action=raw&amp;ctype=text/js"></script>
 
     <!-- End:  Custom -->
     <!-- End:  Custom -->
 +
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dojo/dojo.xd.js"></script>
 +
    <script type="text/javascript">
 +
        dojo.require("dijit.layout.BorderContainer");
 +
        dojo.require("dijit.layout.ContentPane");
 +
        dojo.require("dijit.Menu");
 +
        dojo.require("dijit.MenuItem");
 +
        dojo.require("dijit.PopupMenuItem");
 +
        dojo.require("dijit.MenuBar");
 +
        dojo.require("dijit.MenuBarItem");
 +
        dojo.require("dijit.PopupMenuBarItem");
 +
        dojo.require("dijit.MenuSeparator");
 +
        dojo.require("dijit.TitlePane");
 +
        dojo.require("dijit.form.Button");
 +
        dojo.require("dijit.form.TextBox");
 +
        dojo.require("dojo.parser");
 +
    </script>
</head>
</head>
-
<body>
+
<body class="claro">
-
    <!--<script src="../client/MenuModel.js" type="text/javascript"></script>-->
+
-
    <!--<script src="../client/CalendarModel.js" type="text/javascript"></script>-->
+
-
    <!--<script src="../client/SideMenu.js" type="text/javascript"></script>-->
+
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/client/MenuModel.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/client/MenuModel.js?action=raw&amp;ctype=text/js"></script>
-
    <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/client/CalendarModel.js?action=raw&amp;ctype=text/js"></script>
 
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/client/SideMenu.js?action=raw&amp;ctype=text/js"></script>
     <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/client/SideMenu.js?action=raw&amp;ctype=text/js"></script>
-
     <div id="target">
+
     <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design: 'headline', gutters: false"
-
        <input type="hidden" id="hidStart" value="false" />
+
        class="container">
-
         <div class="banner">
+
         <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'top'" class="top">
-
             <h1 id="logo">
+
             <a href="https://2011.igem.org/Team:WITS-CSIR_SA">
-
                 biotweet
+
                 <img src="https://static.igem.org/mediawiki/2011/c/c9/Logo.png" alt="Biotweet" height="100px"
-
            </h1>
+
                    style="float: left; margin-bottom: 10px; border: none;" />
-
            <h1 id="igemLogo" style="display: inline-block;">
+
            </a><a href="https://igem.org/Main_Page" target="_blank">
-
                <a href="https://2011.igem.org" target="_blank">iGEM</a>
+
                <img src="https://static.igem.org/mediawiki/2011/b/be/ICL_iGEM_Logo.png" alt="iGem" height="100px"
-
            </h1>
+
                    style="float: right; margin-bottom: 10px; border: none;" />
-
        </div>
+
            </a>
-
        <div class="menu padding">
+
            <div class="menu padding ui-helper-clearfix">
 +
            </div>
         </div>
         </div>
-
         <div class="layout" style="margin: 0px auto; width: 960px;">
+
         <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center'"
-
            <div class="center">
+
            class="center">
-
                <h1>
+
            <div style="width: 903px; margin: auto; height: 100%;">
 +
                <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design: 'headline'"
 +
                    style="height: 100%;">
 +
                    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'leading', style:'overflow-y: auto;'"
 +
                        class="west">
 +
                        sidebar
 +
                    </div>
 +
                    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center'">
 +
                        <div style="height: 100%; overflow-y: auto;">
 +
                            <h1>
                   Potential Applications</h1>
                   Potential Applications</h1>
-
<h2>Application Template</h2>
+
<div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Application template'">
<p>Our completed machine serves as the first of a chain of events which could be expanded for multiple applications. The ‘Biotweet’ machine enables the movement of bacteria to an attractant (A). Once the source of the attractant is found (IPTG), the bacteria return to the starting position through an attraction towards B, the attraction towards A is switched off at this point. The bacteria that complete this circular journey are the messenger bacteria. Upon returning to the start position, they recruit other bacteria to send them to the site of the attractant to perform a particular function, such as degradation.  Important to note is that since the bacteria will return to the start, this means that none will remain in the environment in which they were employed to work. This provides assured safety whilst working with our machine (See our safety page).</p>
<p>Our completed machine serves as the first of a chain of events which could be expanded for multiple applications. The ‘Biotweet’ machine enables the movement of bacteria to an attractant (A). Once the source of the attractant is found (IPTG), the bacteria return to the starting position through an attraction towards B, the attraction towards A is switched off at this point. The bacteria that complete this circular journey are the messenger bacteria. Upon returning to the start position, they recruit other bacteria to send them to the site of the attractant to perform a particular function, such as degradation.  Important to note is that since the bacteria will return to the start, this means that none will remain in the environment in which they were employed to work. This provides assured safety whilst working with our machine (See our safety page).</p>
<br>
<br>
Line 72: Line 122:
<img src="https://static.igem.org/mediawiki/2011/7/78/Wits_Application_Template.jpg" alt="Application template" />
<img src="https://static.igem.org/mediawiki/2011/7/78/Wits_Application_Template.jpg" alt="Application template" />
-
 
+
</div>
-
<h2>Applications in Industry</h2>
+
<br/>
-
 
+
<div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Applications in industry'">
<p> The above template can be employed in the industrial sector to identify and degrade contaminants or alternately to collect substances of economic importance. </p>
<p> The above template can be employed in the industrial sector to identify and degrade contaminants or alternately to collect substances of economic importance. </p>
<br>
<br>
Line 81: Line 131:
<img src="https://static.igem.org/mediawiki/2011/2/22/Wits_Industrial_Application_Template.jpg" alt="Industial Application template" />
<img src="https://static.igem.org/mediawiki/2011/2/22/Wits_Industrial_Application_Template.jpg" alt="Industial Application template" />
-
 
+
</div>
-
<h2>Applications in Medicine</h2>
+
<br>
 +
<div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Applications in medicine'">
<p>There is much room for the improvement of diagnostic technology, where some diagnoses can take months to perform, such as is the case for TB.  A riboswitch specific to a disease biomarker can be engineered to allow the bacteria to search a blood sample, or biomarkers at low concentrations present in the saliva or urine.  Upon contact with the biomarker, chemotaxis can then be toggled where the bacteria will return to the start position and report on their findings. </p>
<p>There is much room for the improvement of diagnostic technology, where some diagnoses can take months to perform, such as is the case for TB.  A riboswitch specific to a disease biomarker can be engineered to allow the bacteria to search a blood sample, or biomarkers at low concentrations present in the saliva or urine.  Upon contact with the biomarker, chemotaxis can then be toggled where the bacteria will return to the start position and report on their findings. </p>
<img src="https://static.igem.org/mediawiki/2011/3/3c/Wits_Medical_Application_Template.jpg" alt="Medical Application template" />
<img src="https://static.igem.org/mediawiki/2011/3/3c/Wits_Medical_Application_Template.jpg" alt="Medical Application template" />
-
 
+
</div>
-
 
+
                    </div>
-
            </div>
+
                 </div>
-
            <div class="north">
+
-
                 &nbsp;</div>
+
-
            <div class="west">
+
-
            </div>
+
-
            <div class="south">
+
             </div>
             </div>
         </div>
         </div>
 +
    </div>
 +
    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'bottom'"
 +
        class="footerBox" style="background-color: #ffffff;">
 +
    </div>
     </div>
     </div>
     <script type="text/javascript">
     <script type="text/javascript">
-
         $(function () {
+
         dojo.ready(function () {
             $('#globalWrapper').hide();
             $('#globalWrapper').hide();
-
             $('#target').appendTo('body');
+
             $('.container').appendTo('body');
             $('.left-menu').prependTo('body').css('z-index', 100);
             $('.left-menu').prependTo('body').css('z-index', 100);
-
             $('#footer-box').appendTo('div.south');
+
             $('#footer-box').appendTo('div.footerBox');
             $('.left-menu li:last').remove();
             $('.left-menu li:last').remove();
             $('.right-menu').prependTo('body').css('z-index', 100);
             $('.right-menu').prependTo('body').css('z-index', 100);
 +
 +
            $('body').addClass('claro');
             $.fling('publish', 'ready');
             $.fling('publish', 'ready');
 +
 +
            $('#one').liteAccordion({
 +
                onActivate: function () {
 +
                    this.find('figcaption').fadeOut();
 +
                },
 +
                slideCallback: function () {
 +
                    this.find('figcaption').fadeIn();
 +
                },
 +
                autoPlay: false,
 +
                pauseOnHover: true,
 +
                theme: 'dark',
 +
                rounded: false,
 +
                enumerateSlides: true,
 +
                containerWidth: 932,
 +
                containerHeight: 240
 +
            }).find('figcaption:first').show();
 +
 +
            dojo.parser.parse();
         });
         });
     </script>
     </script>
</body>
</body>
</html>
</html>

Revision as of 19:42, 17 September 2011

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Biotweet - Applications

sidebar

Potential Applications

Our completed machine serves as the first of a chain of events which could be expanded for multiple applications. The ‘Biotweet’ machine enables the movement of bacteria to an attractant (A). Once the source of the attractant is found (IPTG), the bacteria return to the starting position through an attraction towards B, the attraction towards A is switched off at this point. The bacteria that complete this circular journey are the messenger bacteria. Upon returning to the start position, they recruit other bacteria to send them to the site of the attractant to perform a particular function, such as degradation. Important to note is that since the bacteria will return to the start, this means that none will remain in the environment in which they were employed to work. This provides assured safety whilst working with our machine (See our safety page).


Our machine utilizes two riboswitches, one sensitive to theophylline (at A) and the other sensitive to atrazine. The beauty of the use of riboswitches in our project is that they can be substituted with riboswitches sensitive to other substances. This ensures that our machine can be used as a template, where attraction towards virtually any substances can be engineered.

Application template

The above template can be employed in the industrial sector to identify and degrade contaminants or alternately to collect substances of economic importance.


Example: Messenger bacteria attracted to a contaminant such as Mercury. Upon finding the Mercury, they will return to the start to recruit a number of bacteria which have the ability to absorb it. Once the Mercury has been absorbed, the transcription of the riboswitch inducing the attraction of the bacteria to the starting position will be activated. The bacteria will then return to the start position (home), leaving the environment free of genetically modified organisms.

Industial Application template

There is much room for the improvement of diagnostic technology, where some diagnoses can take months to perform, such as is the case for TB. A riboswitch specific to a disease biomarker can be engineered to allow the bacteria to search a blood sample, or biomarkers at low concentrations present in the saliva or urine. Upon contact with the biomarker, chemotaxis can then be toggled where the bacteria will return to the start position and report on their findings.

Medical Application template