Team:Calgary/Project/OurSensor

From 2013.igem.org

(Difference between revisions)
Line 8: Line 8:
<p class="noIndent">The goal of our project is to design a biosensor to rapidly identify cattle known as <span class ="Green"><b>super shedders.</b></span>  Super shedders are cows that shed extremely high amounts of <i>E.coli</i>O157:H7. O157:H7 is part of a group of <i>E.coli</i> called Enterohaemorrhagic <i>E.coli</i> (EHEC). EHEC organisms produce a toxin called Shigatoxin or verotoxin, which causes hemolytic-uremic syndrome (HUS) and can be deadly.</p>
<p class="noIndent">The goal of our project is to design a biosensor to rapidly identify cattle known as <span class ="Green"><b>super shedders.</b></span>  Super shedders are cows that shed extremely high amounts of <i>E.coli</i>O157:H7. O157:H7 is part of a group of <i>E.coli</i> called Enterohaemorrhagic <i>E.coli</i> (EHEC). EHEC organisms produce a toxin called Shigatoxin or verotoxin, which causes hemolytic-uremic syndrome (HUS) and can be deadly.</p>
 +
 +
<!-- ======================= TALE image material. ======================= -->
 +
<div id="tales-img"></div>
 +
<style type="text/css">
 +
#tales-img {
 +
  background-image: url('https://static.igem.org/mediawiki/2013/5/5e/Default.png');
 +
  width: 698px;
 +
  height: 431px;
 +
}
 +
 +
#tales-img.active {
 +
  cursor: pointer;
 +
}
 +
</style>
 +
<script type="text/javascript">
 +
var elements = {
 +
  detector: {
 +
    hitboxes: [
 +
      { tl_x: 212, tl_y: 128, w: 266, h: 40 }
 +
    ],
 +
    link_url: 'https://2013.igem.org/Team:Calgary/Project/OurSensor/Detector',
 +
    //image_url: 'img/detector.png'
 +
    image_url: 'https://static.igem.org/mediawiki/2013/a/ad/Detector.png'
 +
  },
 +
 +
  linker: {
 +
    hitboxes: [
 +
      { tl_x: 276, tl_y: 61,  w: 39, h: 71 },
 +
      { tl_x: 356, tl_y: 164, w: 79, h: 128 },
 +
    ],
 +
    link_url: 'https://2013.igem.org/Team:Calgary/Project/OurSensor/Linker',
 +
    //image_url: 'img/linker.png'
 +
    image_url: 'https://static.igem.org/mediawiki/2013/3/3f/Linker.png'
 +
 +
  },
 +
 +
  modelling: {
 +
    hitboxes: [
 +
      { tl_x: 0, tl_y: 266, w: 210, h: 163 }
 +
    ],
 +
    link_url: 'https://2013.igem.org/Team:Calgary/Project/OurSensor/Modeling',
 +
    //image_url: 'img/modelling.png'
 +
    image_url: 'https://static.igem.org/mediawiki/2013/6/6b/Modelling.png'
 +
  },
 +
 +
  prototype: {
 +
    hitboxes: [
 +
      { tl_x: 453, tl_y: 296, w: 243, h: 96 }
 +
    ],
 +
    link_url: 'https://2013.igem.org/Team:Calgary/Project/OurSensor/Prototype',
 +
    //image_url: 'img/prototype.png'
 +
    image_url: 'https://static.igem.org/mediawiki/2013/3/31/Prototype.png'
 +
  },
 +
 +
  reporter: {
 +
    hitboxes: [
 +
      { tl_x: 252, tl_y: 1, w: 66, h: 63 }
 +
    ],
 +
    link_url: 'https://2013.igem.org/Team:Calgary/Project/OurSensor/Reporter',
 +
    //image_url: 'img/reporter.png'
 +
    image_url: 'https://static.igem.org/mediawiki/2013/d/dd/Reporter.png'
 +
  },
 +
};
 +
 +
var all_elem_names = '';
 +
$.each(elements, function(elem_name) {
 +
  all_elem_names += (elem_name + ' ');
 +
});
 +
 +
//=====================================
 +
 +
 +
function is_within(x, y, box) {
 +
  return x >= box.tl_x && y >= box.tl_y &&
 +
    x <= box.tl_x + box.w && y <= box.tl_y + box.h;
 +
}
 +
 +
function find_target(x, y) {
 +
  var under_cursor = null;
 +
 +
  $.each(elements, function(elem_name, elem) {
 +
    $.each(elem.hitboxes, function(idx, hitbox) {
 +
      if(is_within(x, y, hitbox)) {
 +
        under_cursor = elem_name;
 +
        return false; // Stop iterating
 +
      }
 +
    });
 +
 +
    if(under_cursor !== null) {
 +
      return false; // Stop iterating
 +
    }
 +
  });
 +
 +
  return under_cursor;
 +
}
 +
 +
function get_rel_cursor_pos(elem, event) {
 +
  if ('pageX' in event) { // all browsers except IE before version 9
 +
    var pageX = event.pageX;
 +
    var pageY = event.pageY;
 +
  }
 +
  else {  // IE before version 9
 +
    var pageX = event.clientX + document.documentElement.scrollLeft;
 +
    var pageY = event.clientY + document.documentElement.scrollTop;
 +
  }
 +
 +
  return {
 +
    rel_x: pageX - $(elem).offset().left,
 +
    rel_y: pageY - $(elem).offset().top,
 +
  };
 +
}
 +
 +
function preload_images() {
 +
  $.each(elements, function(elem_name, elem) {
 +
    var img = new Image();
 +
    img.src = elem.image_url;
 +
  });
 +
}
 +
 +
function configure_mousemove(container) {
 +
  var default_image_url = container.css('backgroundImage');
 +
  var prev_target = null;
 +
 +
  var on_deactivate = function() {
 +
    container.removeClass('active');
 +
    container.css('backgroundImage', default_image_url);
 +
  };
 +
 +
  container.mousemove(function(event) {
 +
    var cursor_pos = get_rel_cursor_pos(this, event);
 +
    var target = find_target(cursor_pos.rel_x, cursor_pos.rel_y);
 +
   
 +
    if(target === prev_target)
 +
      return;
 +
 +
    if(target === null) {
 +
      on_deactivate();
 +
    } else {
 +
      container.addClass('active');
 +
      var image_url = "url('" + elements[target].image_url + "')";
 +
      container.css('backgroundImage', image_url);
 +
    }
 +
 +
    prev_target = target;
 +
  }).mouseleave(function() {
 +
    on_deactivate();
 +
  });
 +
}
 +
 +
function configure_click(container) {
 +
  container.click(function(evt) {
 +
    evt.preventDefault();
 +
 +
    var cursor_pos = get_rel_cursor_pos(this, evt);
 +
    var target = find_target(cursor_pos.rel_x, cursor_pos.rel_y);
 +
    if(target === null) {
 +
      return;
 +
    }
 +
   
 +
    window.location = elements[target].link_url;
 +
  });
 +
}
 +
 +
function init_tale_image() {
 +
  preload_images();
 +
 +
  var container = $('#tales-img');
 +
  configure_mousemove(container);
 +
  configure_click(container);
 +
}
 +
 +
init_tale_image();
 +
</script>
 +
<!-- ======================= End of TALE image material. =============================== -->
<p class="noIndent">We are building a very specific nucleotide biosensor that detects not only O157:H7 <i>E.coli</i> but also the DNA of EHEC organisms. Our sensor detects a gene called <i>stx2</i> that is common among all EHEC organisms. </p>
<p class="noIndent">We are building a very specific nucleotide biosensor that detects not only O157:H7 <i>E.coli</i> but also the DNA of EHEC organisms. Our sensor detects a gene called <i>stx2</i> that is common among all EHEC organisms. </p>

Revision as of 13:44, 27 September 2013

Our Sensor

The goal of our project is to design a biosensor to rapidly identify cattle known as super shedders. Super shedders are cows that shed extremely high amounts of E.coliO157:H7. O157:H7 is part of a group of E.coli called Enterohaemorrhagic E.coli (EHEC). EHEC organisms produce a toxin called Shigatoxin or verotoxin, which causes hemolytic-uremic syndrome (HUS) and can be deadly.

We are building a very specific nucleotide biosensor that detects not only O157:H7 E.coli but also the DNA of EHEC organisms. Our sensor detects a gene called stx2 that is common among all EHEC organisms.

The FerriTALE System:

Retrieved from "http://2013.igem.org/Team:Calgary/Project/OurSensor"