Difference between revisions of "Team:Oxford/Software"

(Prototype team page)
 
 
(23 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{Oxford}}
 
{{Oxford}}
 
<html>
 
<html>
 
+
<style>
 
+
hr {
<div class="column full_size judges-will-not-evaluate">
+
    display: block;
<h3>★  ALERT! </h3>
+
    height: 1px;
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
    border: 0;
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
    border-top: 1px solid black;
</div>
+
    margin: 1em 0;
<div class="clear"></div>
+
    padding: 0;
 
+
}
 
+
</style>
<div class="column half_size">
+
<head>
<h1>Software</h1>
+
      <meta charset = "utf-8">
<h3>Best Software Tool Special Prize</h3>
+
      <title>jQuery UI Autocomplete functionality</title>
<p>Regardless of the topic, iGEM projects often create or adapt computational tools to move the project forward. Because they are born out of a direct practical need, these software tools (or new computational methods) can be surprisingly useful for other teams. Without necessarily being big or complex, they can make the crucial difference to a project's success. This award tries to find and honor such "nuggets" of computational work.
+
      <link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel = "stylesheet">        
 
+
      <script src = "https://code.jquery.com/jquery-1.10.2.js"></script>
 
+
      <script src = "https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<br><br>
+
      <script>
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Software Tool prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>.
+
  $( function() {
<br><br>
+
    var suggestions = [
You must also delete the message box on the top of this page to be eligible for this prize.
+
    {
</p>
+
            label:"African Sleeping sickness",
 
+
            value:"item3",
 
+
          },
</div>
+
          {
 
+
            label:"Brucepain",
<div class="column half_size">
+
            value:"item3",
<h5> Inspiration </h5>
+
          },
<p>
+
          {
Here are a few examples from previous teams:
+
            label:"Cathepsin L",
</p>
+
            value:"item5",
<ul>
+
          },
<li><a href="https://2016.igem.org/Team:BostonU_HW">2016 BostonU HW</a></li>
+
          {
<li><a href="https://2016.igem.org/Team:Valencia_UPV">2016 Valencia UPV</a></li>
+
            label:"Cercarial elastase",
<li><a href="https://2014.igem.org/Team:Heidelberg/Software">2014 Heidelberg</a></li>
+
            value:"item4",
<li><a href="https://2014.igem.org/Team:Aachen/Project/Measurement_Device#Software">2014 Aachen</a></li>
+
          },
</ul>
+
{
 
+
      label:"Congenital Chagas disease",
 +
      value:"item1",
 +
    },
 +
    {
 +
            label:"Congenital toxoplasmosis",
 +
            value:"item5",
 +
          },
 +
    {           
 +
            label:"Cruzipain",
 +
            value:"item1",
 +
          },
 +
          {
 +
            label:"LasA",
 +
            value:"item2",
 +
          },
 +
          {
 +
            label:"Pseudomonas aeruginosa",
 +
            value:"item2",
 +
          },
 +
          {
 +
            label:"Rhodesain",
 +
            value:"item3",
 +
          },
 +
          {
 +
            label:"Schistosoma mansoni",
 +
            value:"item4",
 +
          },
 +
          {
 +
            label:"Schistosomiasis",
 +
            value:"item4",
 +
          },
 +
          {
 +
            label:"Sepsis",
 +
            value:"item2",
 +
          },
 +
          {
 +
            label:"Toxoplasma gondii",
 +
            value:"item5",
 +
          },
 +
          {
 +
            label:"Trypanosoma brucei",
 +
            value:"item3",
 +
          },
 +
    {
 +
            label:"Trypanosoma Cruzi",
 +
            value:"item1",
 +
          }
 +
 +
         
 +
         
 +
         
 +
         
 +
         
 +
         
 +
         
 +
         
 +
         
 +
       
 +
    ];
 +
      $("#myInput" ).autocomplete({
 +
source: function(request, response) {           
 +
        var results = $.ui.autocomplete.filter(suggestions, request.term);
 +
        response(results);
 +
    },
 +
minLength: 0,
 +
select: function( event, ui ) { // Once the term is selected from the list
 +
$("tr[class^='item']").hide(); // hide all rows with class name starts with "item"
 +
          $("#myInput").val( ui.item.label ); // populate the selected term in the input box
 +
                   
 +
          $("#id_tbl tr.item0").show();           // show the header row and the selected item value.
 +
          $("#id_tbl tr."+ui.item.value).show();
 +
          return false;
 +
          }
 +
    }).focus(function () {
 +
    $(this).autocomplete("search", "");
 +
});
 +
  } ); 
 +
  </script>
 +
</head>
 +
<body>
 +
<div class="container">
 +
<div style="margin-top: 100px"></div>
 +
    <h1 class="text-center">Software Tool</h1>
 +
<center><img class="img-responsive" width="200px;" src="https://static.igem.org/mediawiki/2017/a/ae/T--oxford--softwarelogo.png
 +
"></center><br>
 +
    <p>The design of our rapid diagnostic kit enables it to act as a platform technology, wherein the input and output can be altered to detect a wide range of parasitic infections. We envisage our project being able to pave the way for quick, cheap, and unambiguous serological testing that does not dependent on antibody detection, making it ideal for immunocompromised patients as well as any diseases that lack antigenically detectable biomarkers. We have created a simple software tool to aid the expansion of our platform technology, we aim to make the software open source to allow continual addition of the diseases and their protease-based biomarkers and consequently ensure the tool remains date with the the most recent research.</p>
 +
<p> Enter the disease name, parasite or specific protease to find the cleavage sequence of protease specific to the disease of interest and how our system may be applicable.</p>
 +
<br/>
 +
    <input type="text" style="width:100%; border:2px solid black;" id="myInput" placeholder="Search">   
 +
    <table id="id_tbl" class="table table-hover">
 +
      <tbody>
 +
      <tr class="item1" style="display:none">
 +
      <td>
 +
      <table width="100%">
 +
      <tr><td style="font-weight:bold" width="25%">Disease</td><td><span>Congenital Chagas Disease</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Parasite</td><td><span><i>Trypanosoma Cruzi</i></span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Specific Protease</td><td><span>Cruzipain</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">DNA Sequence of Cleavage Site</td><td><span>AAAAAAGTTAAAGCTAAAAAA</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Protease Cleavage Sequence</td><td><span>K/K/L/KR-A/KS/K/RQ</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Medium of Test</td><td><span>Blood</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Final Output</td><td><span>Hirudin</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Positive Result</td><td><span>No blood clotting</span></td></tr>
 +
      </table>
 +
      </td>
 +
      </tr>
 +
<tr class="item2" style="display:none">
 +
<td>
 +
      <table width="100%">
 +
      <tr><td style="font-weight:bold" width="25%">Disease</td><td><span>Sepsis</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Parasite</td><td><span><i>Pseudomonas aeruginosa</i></span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Specific Protease</td><td><span>LasA</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">DNA Sequence of Cleavage Site</td><td><span></span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Protease Cleavage Sequence</td><td><span>After Gly-Gly (e.g. PGVGG - elastin) or between Lys-Ile (e.g. NKKIEKFQ(S-P) - beta=casein)</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Medium of Test</td><td><span>Blood</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Final Output</td><td><span>Hirudin</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Positive Result</td><td><span>No blood clotting</span></td></tr>
 +
      </table>
 +
      </td>            
 +
</tr>                                     
 +
<tr class="item3" style="display:none">
 +
<td>
 +
      <table width="100%">
 +
      <tr><td style="font-weight:bold" width="25%">Disease</td><td><span>African Sleeping sickness</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Parasite</td><td><span><i>Trypanosoma brucei</i></span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Specific Protease</td><td><span>Rhodesain/Brucepain</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">DNA Sequence of Cleavage Site</td><td><span>TCCGCGCCGAAATCCCTGATTGGC/ TCCGCGCCGCGTTCCCTGATTGGC</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Protease Cleavage Sequence</td><td><span>S/A/P/R-K/S/L/I/G</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Medium of Test</td><td><span>Blood</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Final Output</td><td><span>Hirudin</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Positive Result</td><td><span>No blood clotting</span></td></tr>
 +
      </table>
 +
      </td>            
 +
</tr>
 +
<tr class="item4" style="display:none">
 +
<td>
 +
      <table width="100%">
 +
      <tr><td style="font-weight:bold" width="25%">Disease</td><td><span>Schistosomiasis</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Parasite</td><td><span><i>Schistosoma mansoni</i></span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Specific Protease</td><td><span>Cercarial elastase</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">DNA Sequence of Cleavage Site</td><td><span>Cercarial elastase</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Protease Cleavage Sequence</td><td><span>AGCTGGCCGCTG</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Medium of Test</td><td><span>SWPL</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Final Output</td><td><span>Hirudin</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Positive Result</td><td><span>No blood clotting</span></td></tr>
 +
      </table>
 +
</td>           
 +
</tr>
 +
<tr class="item5" style="display:none">
 +
<td>
 +
      <table width="100%">
 +
      <tr><td style="font-weight:bold" width="25%">Disease</td><td><span>Congenital toxoplasmosis</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Parasite</td><td><span><i>Toxoplasma gondii</i></span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Specific Protease</td><td><span>Cathepsin L</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">DNA Sequence of Cleavage Site</td><td><span>AAACAGAAACTGCGC</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Protease Cleavage Sequence</td><td><span>KQKLR</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Medium of Test</td><td><span>Amniotic fluid</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Final Output</td><td><span>Luciferase</span></td></tr>
 +
      <tr><td style="font-weight:bold" width="25%">Positive Result</td><td><span>Light</span></td></tr>
 +
      </table>
 +
      </td>
 +
</tr>
 +
</tbody>
 +
    </table>
 
</div>
 
</div>
  
 +
</body>
 
</html>
 
</html>
 +
{{Oxford/footer}}

Latest revision as of 01:04, 2 November 2017

jQuery UI Autocomplete functionality

Software Tool


The design of our rapid diagnostic kit enables it to act as a platform technology, wherein the input and output can be altered to detect a wide range of parasitic infections. We envisage our project being able to pave the way for quick, cheap, and unambiguous serological testing that does not dependent on antibody detection, making it ideal for immunocompromised patients as well as any diseases that lack antigenically detectable biomarkers. We have created a simple software tool to aid the expansion of our platform technology, we aim to make the software open source to allow continual addition of the diseases and their protease-based biomarkers and consequently ensure the tool remains date with the the most recent research.

Enter the disease name, parasite or specific protease to find the cleavage sequence of protease specific to the disease of interest and how our system may be applicable.