Team:WITS-CSIR SA/Project/Applications

From 2011.igem.org

(Difference between revisions)
(Created page with "<html> <head> <title>Biotweet - Applications</title> <!--<link href="../css/layout.css" rel="stylesheet" type="text/css" /> <link href="../css/presentation.css" rel="...")
 
(13 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
[[Media:Example.ogg]]<!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 - Collaboration</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: 95px;
 +
            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">
 +
<link href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojox/image/resources/Lightbox.css" rel="stylesheet" type="text/css" />
 +
 +
<link href="https://2011.igem.org/Team:WITS-CSIR_SA/Styles/Dropdown.css?action=raw&amp;ctype=text/css" media="screen" rel="stylesheet" type="text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/Styles/default.css?action=raw&amp;ctype=text/css" />
 +
<link href="https://2011.igem.org/Team:WITS-CSIR_SA/Styles/default.advanced.css?action=raw&amp;ctype=text/css" media="screen" rel="stylesheet" type="text/css" />
 +
 +
<!--[if lt IE 7]>
 +
<script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/Styles/jquery.dropdown.js?action=raw&amp;ctype=text/js"></script>
 +
<![endif]-->
 +
     <!-- 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 67:
     <!-- 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 74:
     <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");
 +
        dojo.require("dojox.image.Lightbox");
 +
    </script>
</head>
</head>
-
<body>
+
<body class="claro">
-
     <!--<script src="../client/MenuModel.js" type="text/javascript"></script>-->
+
     <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design: 'headline', gutters: false"
-
    <!--<script src="../client/CalendarModel.js" type="text/javascript"></script>-->
+
        class="container">
-
    <!--<script src="../client/SideMenu.js" type="text/javascript"></script>-->
+
<div style="position: absolute; width: 100%; top: 80px;">
-
    <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/client/MenuModel.js?action=raw&amp;ctype=text/js"></script>
+
<ul class="dropdown dropdown-horizontal">
-
    <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/client/CalendarModel.js?action=raw&amp;ctype=text/js"></script>
+
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA">Home</a></li>
-
    <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/client/SideMenu.js?action=raw&amp;ctype=text/js"></script>
+
<li><a href="#" class="dir">Project</a>
-
    <div id="target">
+
<ul>
-
        <input type="hidden" id="hidStart" value="false" />
+
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Concept">Overview</a></li>
-
         <div class="banner">
+
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Characterization">Characterization</a></li>
-
             <h1 id="logo">
+
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Modelling">Modelling</a></li>
-
                 biotweet
+
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Collaboration/Index">Collaboration</a></li>
-
            </h1>
+
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Notebook">Lab notebook</a></li>
-
            <h1 id="igemLogo" style="display: inline-block;">
+
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Applications">Potential applications</a></li>
-
                <a href="https://2011.igem.org" target="_blank">iGEM</a>
+
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Achievements">Achievements</a></li>
-
            </h1>
+
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Protocols">Protocols</a></li>
-
        </div>
+
</ul>
-
        <div class="menu padding">
+
</li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Parts">Parts submitted</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Characterization">Data</a></li>
 +
<li><a href="./" class="dir">Outreach</a>
 +
<ul>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Outreach/SciBono">Scibono experience</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Outreach/Forum">Synthetic biology forum</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Outreach/Survey">Survey</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Safety">Safety</a></li>
 +
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Diary/Gallery">Gallery</a></li>
 +
<li><a href="./" class="dir">About us</a>
 +
<ul>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/AboutUs/MeetTheTeam">Meet the team</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Outreach/PublicRelations">Media attention</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/AboutUs/Attributions">Attributions</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/AboutUs/Acknowledgements">Acknowledgements</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/AboutUs/MeetOurBugs">Meet our bugs!</a></li>
 +
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/AboutUs/ContactUs">Contact us</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</div>
 +
         <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'top'" class="top">
 +
             <a href="https://2011.igem.org/Team:WITS-CSIR_SA">
 +
                 <img src="https://static.igem.org/mediawiki/2011/6/63/Wits_Logo_Biotweet_Rearrange.gif" alt="Biotweet" height="60px"
 +
                    style="float: left; margin-bottom: 5px; border: none;" />
 +
            </a><a href="https://2011.igem.org/Main_Page" target="_blank">
 +
                <img src="https://static.igem.org/mediawiki/2011/b/be/ICL_iGEM_Logo.png" alt="iGem" height="60px"
 +
                    style="float: right; margin-bottom: 5px; border: none;" />
 +
            </a>
 +
            <div class="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: 'center'">
 +
                        <div style="height: 100%; overflow-y: auto;">
 +
 
 +
            <h1>
                   Potential Applications</h1>
                   Potential Applications</h1>
 +
<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 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.</p>
 +
 +
<center><img src="https://static.igem.org/mediawiki/2011/7/78/Wits_Application_Template.jpg" alt="Application template" /></center>
 +
</div>
 +
<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>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. </p>
 +
 +
<center><img src="https://static.igem.org/mediawiki/2011/2/22/Wits_Industrial_Application_Template.jpg" alt="Industial Application template" /></center>
 +
</div>
 +
<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>
 +
 +
<center><img src="https://static.igem.org/mediawiki/2011/3/3c/Wits_Medical_Application_Template.jpg" alt="Medical Application template" /></center>
 +
</div>
 +
 +
                           
 +
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
             </div>
             </div>
-
            <div class="north">
+
</div>
-
                &nbsp;</div>
+
        <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'bottom'"
-
            <div class="west">
+
             class="footerBox" style="background-color: #ffffff;">
-
             </div>
+
-
            <div class="south">
+
-
            </div>
+
         </div>
         </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>

Latest revision as of 14:59, 26 October 2011

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

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