Difference between revisions of "Team:Mingdao/Applied Design"

 
(128 intermediate revisions by 5 users not shown)
Line 6: Line 6:
 
     <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet'>
 
     <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet'>
 
     <title>Prototype</title>
 
     <title>Prototype</title>
−
  </head>
+
 
 
   <style type="text/css">
 
   <style type="text/css">
  
Line 19: Line 19:
 
   padding: 0;
 
   padding: 0;
 
   font-family: 'Ubuntu' !important; }
 
   font-family: 'Ubuntu' !important; }
−
 
  
 
.bg-container {
 
.bg-container {
Line 38: Line 37:
  
 
.main-content {
 
.main-content {
−
   background-color: rgba(255,255,255, .8);
+
   background-color: rgba(255,255,255, .9);
 
   width: 80%;
 
   width: 80%;
 
   margin-left: 10%;
 
   margin-left: 10%;
 
   padding: 50px;
 
   padding: 50px;
 
   min-height: 180vh;
 
   min-height: 180vh;
−
   z-index: 10; }
+
   z-index: 0;  
 +
margin-top:600px
 +
}
  
 
.text-area {
 
.text-area {
Line 55: Line 56:
 
     font-size: 22px;
 
     font-size: 22px;
 
     font-weight: 500; }
 
     font-weight: 500; }
 +
.m-block img {
 +
  width: 100%; }
 +
 +
.path-btns {
 +
z-index:0;
 +
  position: fixed;
 +
  width: 250px;
 +
  top: 200px;
 +
  left: 225px; }
 +
 +
.path-btns .path-dot {
 +
    width: 25px;
 +
    height: 25px;
 +
    border-radius: 50%;
 +
    position: absolute;
 +
    background-color: #fff;
 +
    top: 5px;
 +
    left: 27px;
 +
    border: 5px solid #385e66;
 +
    cursor: pointer; }
 +
    .path-btns .path-dot.active {
 +
      background-color: #385e66; }
 +
    .path-btns .path-dot:hover {
 +
      transition: all .3s;
 +
      transform: scale(1.2); }
 +
 +
.path {
 +
  height: 100px;
 +
  display: flex; }
 +
 +
.path .pathSvg {
 +
    display: block; }
 +
 +
  .path .pathWord {
 +
    padding-right: 10%; }
 +
 +
  .path .path-btn {
 +
    cursor: pointer;
 +
    fill: #fff; }
 +
 +
    .path .path-btn.path-active {
 +
      fill: #385e66; }
 +
 +
  .path .path-word-sm {
 +
    font-size: 12px; }
 +
 +
#HQ_page .path .pathWord p {
 +
      font-weight: 700;
 +
      text-align: left !important;
 +
      font-size: 16px;
 +
      color: #bf4e4e;
 +
}
 +
 +
#HQ_page .text-area p {
 +
  font-size: 22px;
 +
  font-family: 'Ubuntu';
 +
  font-weight: 500; }
 +
  
 
.pdfbtn {
 
.pdfbtn {
Line 119: Line 178:
 
       padding-left: 10px; }
 
       padding-left: 10px; }
  
−
#HQ_page .text-area p {
+
 
−
  font-size: 22px;
+
−
  font-family: 'Ubuntu';
+
−
  font-weight: 500; }
+
 
.top {
 
.top {
 
   position: fixed;
 
   position: fixed;
Line 132: Line 188:
 
   .top img {
 
   .top img {
 
     width: 100%; }
 
     width: 100%; }
−
h2 {
+
.top-picture{
−
font-family: 'Ubuntu';
+
z-index:2;
−
font-size: 30px;
+
width:100%;
−
text-align: center;
+
  position: absolute;
−
color: #000000 !important;
+
}
 +
 
 +
.text-area h2{
 +
    text-align: center;
 +
    margin-bottom: 2rem !important;
 +
    margin-top: 2rem;
 +
    color: white !important;
 +
    font-size: 40px;
 +
    font-weight:bold;
 +
    font-family:serif;
 +
}
 +
 
 +
h4{
 +
    text-align: center;
 +
    margin-bottom: 2rem !important;
 +
    margin-top: 2rem;
 +
    color: black !important;
 +
    font-size: 40px;
 +
    font-weight:bold;
 +
    font-family:serif;
 
}
 
}
 
h3{
 
h3{
−
font-family: 'Ubuntu';
 
−
font-size: 24px;
 
 
text-align: left;
 
text-align: left;
−
color: #4682B4 !important;
+
  margin-bottom: 2rem !important;
 +
  margin-top: 2rem;
 +
  color: #4682B4 !important;
 +
  font-size: 28px;
 +
  font-weight:bold;
 +
}
 +
  .text-area h4{
 +
  text-align: left;
 +
  margin-bottom: 2rem !important;
 +
  margin-top: 2rem;
 +
  color: #f9000c !important;
 +
  font-size: 30px;
 +
  font-weight:bold;
 
}
 
}
  
 
</style>
 
</style>
 +
</head>
  
−
  <body>
+
<body>
 
     <div class="bg-container">
 
     <div class="bg-container">
−
<img class="top-picture" src="https://static.igem.org/mediawiki/2018/0/04/T--Mingdao--prototype_top.jpg" style="width:100%">
+
<img class="top-picture" src="https://static.igem.org/mediawiki/2018/2/21/T--Mingdao--Phil13-1.png" style="width:100%">
 
       <div class="my-main-container">
 
       <div class="my-main-container">
 
         <div class="main-content">
 
         <div class="main-content">
 
           <div class="text-area">
 
           <div class="text-area">
−
             <h1>Prototype</h1>
+
             <!-- <h1>Prototype</h1> -->
−
         
+
<h4 id="d-ge"></h4>
−
 
+
<div class="col-md-12 col-sm-12">
 +
                        <img src="https://static.igem.org/mediawiki/2018/d/d5/T--Mingdao--phil13N1.png" width="100%" height="auto" style="display: block; margin: auto; margin-top: 2rem; margin-bottom: 2rem">
 +
                    </div>
 
            
 
            
  
  
−
<h2>Product Design</h2>
+
<!-- <h4>GE Mosquitoes</h4> -->  
−
<div class="ul-container">
+
  
−
              <ul>
+
<p style="text-indent:2em">
−
                <li>So now that the experiments are proven successful, it’s time to take the mosquitoes out for a spin. But we wouldn’t want the mosquitoes flying around spreading diseases. And that’s where the prototype comes in.
+
To demonstrate our pathogen blood testing system on a real adult mosquito, we collaborated with NCHU_Taichung iGEM Team 2018 from Taiwan and conducted an experiment of DNA microinjection into adult female mosquito, Aedes aegypti. </p>
−
Our cage-bandage consists of three parts. The first part is a transparent top for observing the mosquitoes. The second part is a fine metal web, sort of like a screen window. The mosquitoes can draw blood through the holes, but can’t wriggle through it. The final part is the bandage, for sticking the device onto skin.</li>
+
<br />
−
              </ul>
+
<p style="text-indent:2em">
−
<p>
+
In addition to this experiment, we also visited the Mosquito Lab of Prof. Wu-Chun Tu in National Chung Hsing University, Taiwan. We presented our idea and got the valuable feedback from him. Moreover, we learned the physiology and behavior of mosquitoes when sucking and attracted by human blood from Dr. Hau-you Tzeng. The knowledge we learned was turned into our prototype design.
−
<p>
+
<br />
−
<h3>Under View</h3>
+
<h3> EXPERIMENT at NCHU </h3>
−
<p>
+
−
<p>
+
−
<img src="https://static.igem.org/mediawiki/2018/7/76/T--Mingdao--Prototype1.jpg" width="101%" height="101%">
+
−
<p>
+
−
<p>
+
−
<h3>Top View</h3>
+
−
<p>
+
−
<p>
+
−
<img src="https://static.igem.org/mediawiki/2018/7/76/T--Mingdao--Prototype2.jpg" width="101%" height="101%">
+
−
<p>
+
−
<p>
+
−
<h3>Side View</h3>
+
−
<p>
+
−
<p>
+
−
<img src="https://static.igem.org/mediawiki/2018/9/96/T--Mingdao--Prototype3.jpg" width="101%" height="101%">
+
−
<p>
+
−
<p>
+
−
<h3>Transparent Window Allows Observation</h3>
+
−
<p>
+
−
<p>
+
−
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="https://static.igem.org/mediawiki/2018/c/c3/T--Mingdao--Prototype4.jpg" width="80%" height="80%">
+
−
<p>
+
−
<p>
+
−
<p>The device is no larger than a matchbox, so it is light enough to be carried in hundreds on a drone. Yet, the box is still large enough to hold more than 20 mosquitoes. The drone would be equipped with a UV light bulb to read the results. The results would then be uploaded to a hard-drive in a world wide database.</p>
+
 
<p>
 
<p>
 +
&#8595; Make microinjection needles by pulling glass capillary tubes<br />
 +
&#8595; Anesthetize the adult mosquitoes on ice<br />
 +
&#8595; Fill the needle with the DNAs in Cellfectin II reagent with E. coli or not<br />
 +
&#8595; Inject the DNA by inserting into the thorax of the mosquito.<br />
 +
&#8595; Recover the mosquito for 2 days<br />
 +
</p>
 +
<br />
 +
<center><img class="center" src="https://static.igem.org/mediawiki/2018/e/e3/T--Mingdao--phil13N2.png" alt="" style="width: 40%; margin-bottom: 20px;"></center>
 +
 +
<h3>RESULT</h3>
 +
<p style="text-indent:2em">
 +
The mosquito injected with DNA plus E. coli showed fluorescence signal in Gel Imaging System and Blue LED Box after 2 days of DNA microinjection. This result further proved our concept into a reality.
 +
</p>
 +
<br />
 +
<br />
 +
 +
<h4 id="d-p-d"></h4>
 +
<div class="col-md-12 col-sm-12">
 +
<img src="https://static.igem.org/mediawiki/2018/b/b5/T--Mingdao--phil13N3.png" width="100%" height="auto" style="display: block; margin: auto; margin-top: 2rem; margin-bottom: 2rem">
 +
</div>
 +
 +
 +
<!-- <h4>Product Design</h4> -->
 +
<p style="text-indent:2em">
 +
To make GE mosquito GFP reporter system come to the world, some may be considered: product packaging, result reading device and protocol, safety, as well as product marketing. </p>
 +
<br />
 +
<p style="text-indent:2em">
 +
We developed two products as one set for our reporter and reading system:<br />
 
<p>
 
<p>
−
<h3>Smaller Than a Matchbox</h3>
+
1. KISSING BOX<sup>TM</sup>: GE mosquitoes kept in the box for sucking blood<br />
 
<p>
 
<p>
 +
2. BLUE LED BOX: a scanner box equipped with blue led for observing the green fluorescence signal.<br />
 
<p>
 
<p>
−
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="https://static.igem.org/mediawiki/2018/4/40/T--Mingdao--Prototype5.jpg" width="80%" height="80%">
+
</p><br />
−
<p>
+
−
<p>
+
−
<p>There have been people who ask, what happens if a mosquito escape? Well, we have an easy solution. We simple have to pluck off the wings. It can stop the mosquitoes to spread quickly because mosquitoes are terrible at crawling.</p>
+
  
 +
<div class="col-md-12 col-sm-12">
 +
<center><img src="https://static.igem.org/mediawiki/2018/8/85/T--Mingdao--phil13N4.png" width="50%" height="auto" style="display: block; margin: auto; margin-top: 2rem; margin-bottom: 2rem"></center>
 +
</div>
  
  
 +
<center><img class="center" src="https://static.igem.org/mediawiki/2018/f/f7/T--Mingdao--phil13N5.jpeg" alt="" style="width: 40%; margin-bottom: 20px;"></center><br /><br />
 +
<center><img class="center" src="https://static.igem.org/mediawiki/2018/e/e7/T--Mingdao--phil13N6.png" alt="" style="width: 50%; margin-bottom: 20px;"></center>
 +
 +
<br />
 +
<p style="text-indent:2em">
 +
We made a matchbox-size KISSING BOX<sup>TM</sup> with a clear acrylic sheet (as a transparent window) on the top and a cover of fine metal mesh in the bottom. The box can carry as many as 20 mosquitoes which can suck blood through the mesh.
 +
</p>
 +
<!-- <h4>BLUE LED SCANNER BOX</h4> -->
 +
 +
 +
<div class="col-md-12 col-sm-12">
 +
<img src="https://static.igem.org/mediawiki/2018/d/d3/T--Mingdao--phil13N9.png" width="50%" height="auto" style="display: block; margin: auto; margin-top: 2rem; margin-bottom: 2rem">
 +
</div>
 +
 +
 +
 +
<center><img class="center" src="https://static.igem.org/mediawiki/2018/b/b6/T--Mingdao--phil13N7.jpeg" alt="" style="width: 58%; margin-bottom: 20px;"></center>
 +
<center><img class="center" src="https://static.igem.org/mediawiki/2018/c/cc/T--Mingdao--phil13N8.png" alt="" style="width: 60%; margin-bottom: 20px;"></center>
 +
<p style="text-indent:2em">
 +
<center>The SCANNER can load a KISSING BOX<sup>TM</sup> inside. </center>
 +
</p><br /><br />
 +
<center><img class="center" src="https://static.igem.org/mediawiki/2018/e/eb/T--Mingdao--phil13N10.png" alt="" style="width: 80%; margin-bottom: 20px;"></center>
 +
<br />
 +
<p style="text-indent:2em">
 +
The SCANNER equipped with blue LED which can excite the green fluorescence of GFP as shown here with fluorescein in a PCR tube.
 +
</p><br />
 +
 +
 +
<div class="col-md-12 col-sm-12">
 +
<img src="https://static.igem.org/mediawiki/2018/f/f5/T--Mingdao--phil13N12.png" width="50%" height="auto" style="display: block; margin: auto; margin-top: 2rem; margin-bottom: 2rem">
 +
</div><br />
 +
<center><img class="center" src="https://static.igem.org/mediawiki/2018/9/91/T--Mingdao--sam201-1.png" alt="" style="width: 80%; margin-bottom: 20px;"></center>
 +
<br />
 +
<center>
 +
        <video playinline controls="true" style="width: 75%">
 +
  <source src="https://static.igem.org/mediawiki/2018/2/2e/T--Mingdao--sam200-6.mp4" type="video/mp4" >
 +
    </video>
 +
  <center><br />
 +
 +
You can see glowing mosquitoes sucking fluorescein through the transparent window in KISSING BOX<sup>TM</sup>.
 +
 +
<br /><br />
 +
<center>
 +
        <video playinline controls="true" style="width: 75%">
 +
  <source src="https://static.igem.org/mediawiki/2018/a/a8/T--Mingdao--phil13N11.mp4" type="video/mp4" >
 +
    </video>
 +
  <center>
 +
 +
 +
<br /><br />
 +
 +
<p style="text-indent:2em">
 +
The SCANNER BOX with KISSING BOX<sup>TM</sup> is light and portable which can be held with one hand. The operation is simple and easy-to-use without any profession instructions. Our product is suitable for point-of-care use including poor-educated and limited-resource countries.
 +
</p><br />
 +
 +
 +
 +
<!-- <h3>User Guide</h3> -->
 +
 +
<div class="col-md-12 col-sm-12">
 +
<img src="https://static.igem.org/mediawiki/2018/0/01/T--Mingdao--phil13N13.png" width="50%" height="auto" style="display: block; margin: auto; margin-top: 2rem; margin-bottom: 2rem">
 +
</div>
 +
 +
 +
 +
<img class="center" src="https://static.igem.org/mediawiki/2018/6/6d/T--Mingdao--phil13N14.png" alt="" style="width: 100%; margin-bottom: 20px;">
 +
<br /><br />
 +
 +
<!-- <h3> Product Features </h3> -->
 +
<img class="center" src="https://static.igem.org/mediawiki/2018/d/d6/T--Mingdao--phil13N15.png" alt="" style="width: 80%; margin-bottom: 20px;">
 +
<br /><br />
 +
<img class="center" src="https://static.igem.org/mediawiki/2018/5/5e/T--Mingdao--phil13N16.png" alt="" style="width: 80%; margin-bottom: 20px;">
 +
<br /><br />
 +
<img class="center" src="https://static.igem.org/mediawiki/2018/0/0a/T--Mingdao--phil13N17.png" alt="" style="width: 100%; margin-bottom: 20px;">
 +
<br /><br />
 +
<p style="text-indent:2em">
 +
Compared to other current methods, the KISSING BOX<sup>TM</sup> provides a novel way solving difficulties of accuracy, windows period of virus infection, measuring time and place. The KISSING BOX<sup>TM</sup> is developed for point-of-care use and affordable to the public. </p>
 +
<br /><br /><br /><br /><br />
 +
 +
 +
 +
 +
 +
<!-- <h4>Product Safety</h4> -->
 +
 +
<h4 id="d-p-s"></h4>
 +
<div class="col-md-12 col-sm-12">
 +
<img src="https://static.igem.org/mediawiki/2018/8/8b/T--Mingdao--phil13N18.png" width="100%" height="auto" style="display: block; margin: auto; margin-top: 2rem; margin-bottom: 2rem">
 +
</div>
 +
 +
<img class="center" src="https://static.igem.org/mediawiki/2018/8/89/T--Mingdao--phil13N19.png" alt="" style="width: 60%; margin-bottom: 20px;">
 +
<br />
 +
<p style="text-indent:2em">
 +
Safety is more than everything. The product will bring to you with wingless GE mosquitoes either with wings cut manually or genetically modified by knocking out a wing development gene, vestigial.
 +
</p>
 +
<br /><br /><br /><br /><br />
 +
 +
 +
<h4 id="d-p-c"></h4>
 +
 +
<div class="col-md-12 col-sm-12">
 +
<img src="https://static.igem.org/mediawiki/2018/4/43/T--Mingdao--phil13N25.png" width="100%" height="auto" style="display: block; margin: auto; margin-top: 2rem; margin-bottom: 2rem">
 +
</div>
 +
 +
<img class="center" src="https://static.igem.org/mediawiki/2018/e/ef/T--Mingdao--phil13N21.png" alt="" style="width: 100%; margin-bottom: 20px;">
 +
<br />
 +
<img class="center" src="https://static.igem.org/mediawiki/2018/5/53/T--Mingdao--phil13N22.png" alt="" style="width: 100%; margin-bottom: 20px;">
 +
<br />
 +
<img class="center" src="https://static.igem.org/mediawiki/2018/8/80/T--Mingdao--phil13N23.png" alt="" style="width: 100%; margin-bottom: 20px;">
 +
<br />
 +
<img class="center" src="https://static.igem.org/mediawiki/2018/a/a4/T--Mingdao--phil13N24.png" alt="" style="width: 100%; margin-bottom: 20px;">
 +
 +
<br />
  
 
             </div>
 
             </div>
Line 211: Line 416:
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 +
 +
<!--  <script type="text/javascript">
 +
  $('#interlab-btn-1').on('click', function(){
 +
  $('#interlab-1').css('height','250vh')
 +
  $('#interlab-1').slideToggle("slow");
 +
  $('.bg-container').css('max-height','500vh')
 +
  $('.main-content').css('min-height','200vh')
 +
  });
 +
  $('#interlab-btn-2').on('click', function(){
 +
    $('#interlab-2').slideToggle("slow");
 +
      $('.bg-container').css('max-height','500vh')
 +
      $('.main-content').css('min-height','200vh')
 +
  });
 +
  $('.top').on('click', function(){
 +
    $('html, body').animate({scrollTop: '0px'}, 500);
 +
    });
 +
</script>-->
 +
 +
 +
    <div class="path-btns" style="left:0;">
 +
      <div class="path">
 +
        <div class="pathSvg">
 +
          <svg width="80" height = "100">
 +
            <rect x ="36" y="20" width="6" height="80" style="fill:#385e66"/>
 +
          </svg>
 +
        </div>
 +
        <div id="ge-btn" class="path-dot"></div>
 +
        <div class="pathWord path-word-sm">
 +
          <p>GE Mosquitoes</p>
 +
        </div>
 +
      </div>
 +
 +
      <div class="path">
 +
        <div class="pathSvg">
 +
          <svg width="80" height = "100">
 +
            <rect x ="36" y="20" width="6" height="80" style="fill:#385e66"/>
 +
          </svg>
 +
        </div>
 +
        <div id="p-d-btn" class="path-dot" style="top: 100px"></div>
 +
        <div class="pathWord path-word-sm">
 +
          <p>Product Design</p>
 +
        </div>
 +
      </div>
 +
 +
      <div class="path">
 +
        <div class="pathSvg">
 +
          <svg width="80" height = "100">
 +
            <rect x ="36" y="20" width="6" height="80" style="fill:#385e66"/>
 +
          </svg>
 +
        </div>
 +
        <div id="p-s-btn" class="path-dot" style="top: 200px"></div>
 +
        <div class="pathWord path-word-sm">
 +
          <p>Product Safety</p>
 +
        </div>
 +
      </div>
 +
 +
        <div class="path">
 +
        <div class="pathSvg">
 +
          <svg width="80" height = "100">
 +
            <rect x ="36" y="20" width="0" height="80" style="fill:#385e66"/>
 +
          </svg>
 +
        </div>
 +
        <div id="p-c-btn" class="path-dot" style="top: 300px"></div>
 +
        <div class="pathWord path-word-sm">
 +
          <p>Product Catalog</p>
 +
        </div>
 +
      </div>
 +
 +
    </div>
 +
 
     <div class="top">
 
     <div class="top">
−
       <img src="https://static.igem.org/mediawiki/2017/5/52/T--CSMU_NCHU_Taiwan--top.png" alt="">
+
       <img class="center" src="https://static.igem.org/mediawiki/2018/5/58/T--Mingdao--go_to_top.jpg" alt="">
 
     </div>
 
     </div>
 
   </body>
 
   </body>
 +
 
   <script type="text/javascript">
 
   <script type="text/javascript">
−
     $('#interlab-btn-1').on('click', function(){
+
     $("#ge-btn").click(function() {
−
       $('#interlab-1').css('height','250vh')
+
       $('html, body').animate({
−
      $('#interlab-1').slideToggle("slow");
+
          scrollTop: $("#d-ge").offset().top
−
      $('.bg-container').css('max-height','500vh')
+
       }, 500);
−
       $('.main-content').css('min-height','200vh')
+
 
     });
 
     });
−
     $('#interlab-btn-2').on('click', function(){
+
     $("#p-d-btn").click(function() {
−
       $('#interlab-2').slideToggle("slow");
+
       $('html, body').animate({
−
      $('.bg-container').css('max-height','500vh')
+
          scrollTop: $("#d-p-d").offset().top
−
       $('.main-content').css('min-height','200vh')
+
       }, 500);
 
     });
 
     });
−
     $('.top').on('click', function(){
+
     $("#p-s-btn").click(function() {
−
       $('html, body').animate({scrollTop: '0px'}, 500);
+
       $('html, body').animate({
 +
          scrollTop: $("#d-p-s").offset().top
 +
      }, 500);
 
     });
 
     });
−
</script>
+
    $("#p-c-btn").click(function() {
 +
      $('html, body').animate({
 +
          scrollTop: $("#d-p-c").offset().top
 +
      }, 500);
 +
    });
 +
 
 +
    $(document).ready(function(){
 +
      $('.top').on('click', function(){
 +
        $('html, body').animate({scrollTop: '0px'}, 500);
 +
      });
 +
        $("#ge-btn").css('background-color', '#385e66');
 +
        var scroll_pos = 0;
 +
        $(document).scroll(function() {
 +
            scroll_pos = $(this).scrollTop();
 +
 
 +
            d_ge_pos = $("#d-ge").offset().top -100
 +
            d_pd_pos = $("#d-p-d").offset().top -100
 +
            d_ps_pos= $("#d-p-s").offset().top -100
 +
            d_pc_pos = $("#d-p-c").offset().top -100
 +
 
 +
            // introduction
 +
            if(scroll_pos < d_pd_pos) {
 +
                $(".path-dot").css('background-color', '#fff')
 +
                $("#ge-btn").css('background-color', '#385e66');
 +
            // model1
 +
            } else if(scroll_pos < d_ps_pos){
 +
              if(scroll_pos >= d_pd_pos){
 +
                $(".path-dot").css('background-color', '#fff')
 +
                $("#p-d-btn").css('background-color', '#385e66');}
 +
 
 +
            // model2
 +
            } else if(scroll_pos < d_pc_pos){
 +
              if(scroll_pos >= d_ps_pos){
 +
                $(".path-dot").css('background-color', '#fff')
 +
                $("#p-s-btn").css('background-color', '#385e66');}
 +
            }
 +
 
 +
           
 +
            // conclusion
 +
            else if( scroll_pos >= d_pc_pos) {
 +
                $(".path-dot").css('background-color', '#fff')
 +
                $("#p-c-btn").css('background-color', '#385e66');
 +
            }
 +
        });
 +
    });
 +
 
 +
  </script>
 
</html>
 
</html>
 
{{:Team:Mingdao/test6}}
 
{{:Team:Mingdao/test6}}

Latest revision as of 03:02, 18 October 2018

HOME
Prototype

To demonstrate our pathogen blood testing system on a real adult mosquito, we collaborated with NCHU_Taichung iGEM Team 2018 from Taiwan and conducted an experiment of DNA microinjection into adult female mosquito, Aedes aegypti.


In addition to this experiment, we also visited the Mosquito Lab of Prof. Wu-Chun Tu in National Chung Hsing University, Taiwan. We presented our idea and got the valuable feedback from him. Moreover, we learned the physiology and behavior of mosquitoes when sucking and attracted by human blood from Dr. Hau-you Tzeng. The knowledge we learned was turned into our prototype design.

EXPERIMENT at NCHU

↓ Make microinjection needles by pulling glass capillary tubes
↓ Anesthetize the adult mosquitoes on ice
↓ Fill the needle with the DNAs in Cellfectin II reagent with E. coli or not
↓ Inject the DNA by inserting into the thorax of the mosquito.
↓ Recover the mosquito for 2 days


RESULT

The mosquito injected with DNA plus E. coli showed fluorescence signal in Gel Imaging System and Blue LED Box after 2 days of DNA microinjection. This result further proved our concept into a reality.



To make GE mosquito GFP reporter system come to the world, some may be considered: product packaging, result reading device and protocol, safety, as well as product marketing.


We developed two products as one set for our reporter and reading system:

1. KISSING BOXTM: GE mosquitoes kept in the box for sucking blood

2. BLUE LED BOX: a scanner box equipped with blue led for observing the green fluorescence signal.





We made a matchbox-size KISSING BOXTM with a clear acrylic sheet (as a transparent window) on the top and a cover of fine metal mesh in the bottom. The box can carry as many as 20 mosquitoes which can suck blood through the mesh.

The SCANNER can load a KISSING BOXTM inside.




The SCANNER equipped with blue LED which can excite the green fluorescence of GFP as shown here with fluorescein in a PCR tube.





You can see glowing mosquitoes sucking fluorescein through the transparent window in KISSING BOXTM.



The SCANNER BOX with KISSING BOXTM is light and portable which can be held with one hand. The operation is simple and easy-to-use without any profession instructions. Our product is suitable for point-of-care use including poor-educated and limited-resource countries.










Compared to other current methods, the KISSING BOXTM provides a novel way solving difficulties of accuracy, windows period of virus infection, measuring time and place. The KISSING BOXTM is developed for point-of-care use and affordable to the public.







Safety is more than everything. The product will bring to you with wingless GE mosquitoes either with wings cut manually or genetically modified by knocking out a wing development gene, vestigial.










GE Mosquitoes

Product Design

Product Safety

Product Catalog