Difference between revisions of "Team:Mingdao/Composite Part"

 
(22 intermediate revisions by 2 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>Description</title>
 
     <title>Description</title>
  </head>
 
  
 
<style type="text/css">
 
<style type="text/css">
 
 
* {
 
* {
 
   margin: 0;
 
   margin: 0;
Line 30: Line 28:
 
   background-size: 100%;
 
   background-size: 100%;
 
   background-position: center;
 
   background-position: center;
 +
 
}
 
}
  
Line 44: Line 43:
 
   padding: 50px;
 
   padding: 50px;
 
   min-height: 180vh;
 
   min-height: 180vh;
  z-index: 10; }
+
margin-top:600px;
 +
}
  
 
.text-area {
 
.text-area {
Line 62: Line 62:
  
 
.path-btns {
 
.path-btns {
 +
z-index:0;
 
   position: fixed;
 
   position: fixed;
 
   width: 250px;
 
   width: 250px;
 
   top: 200px;
 
   top: 200px;
 
   left: 225px; }
 
   left: 225px; }
 +
 
   .path-btns .path-dot {
 
   .path-btns .path-dot {
 
     width: 25px;
 
     width: 25px;
Line 81: Line 83:
 
       transition: all .3s;
 
       transition: all .3s;
 
       transform: scale(1.2); }
 
       transform: scale(1.2); }
 
  
 
.path {
 
.path {
Line 149: Line 150:
 
   margin: 40px auto !important;
 
   margin: 40px auto !important;
 
}
 
}
 +
 +
.top-picture{
 +
z-index:2;
 +
width:100%;
 +
position: absolute;}
  
 
video {
 
video {
Line 157: Line 163:
 
           }
 
           }
 
</style>
 
</style>
 +
  </head>
  
 
<body>
 
<body>
 +
    <img class="top-picture" src="https://static.igem.org/mediawiki/2018/0/08/T--Mingdao--Phil13-4.png">
 
     <div class="bg-container" style="max-height:none;">
 
     <div class="bg-container" style="max-height:none;">
      <img class="top-picture" src="https://static.igem.org/mediawiki/2018/0/08/T--Mingdao--Phil13-4.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 id = "d-introduction"></h1>
+
             <h2 id = "d-ac5"></h2>
 
<br />
 
<br />
 
             <img class="center" src="https://static.igem.org/mediawiki/2018/5/5a/T--Mingdao--phil13M11.png" alt="" style="width: 80%; margin-bottom: 20px;">
 
             <img class="center" src="https://static.igem.org/mediawiki/2018/5/5a/T--Mingdao--phil13M11.png" alt="" style="width: 80%; margin-bottom: 20px;">
Line 180: Line 187:
 
</p>
 
</p>
 
<br />
 
<br />
<img class="center" src="https://static.igem.org/mediawiki/2018/5/55/T--Mingdao--phil13M12.png" alt="" style="width: 80%; margin-bottom: 20px;"><br />
+
<img class="center" src="https://static.igem.org/mediawiki/2018/8/8e/T--Mingdao--sam200-1.png" alt="" style="width: 60%; margin-bottom: 20px;"><br />
<img class="center" src="https://static.igem.org/mediawiki/2018/5/55/T--Mingdao--phil13M12.png" alt="" style="width: 80%; margin-bottom: 20px;"><br />
+
<img class="center" src="https://static.igem.org/mediawiki/2018/7/7b/T--Mingdao--sam200-2.png" alt="" style="width: 60%; margin-bottom: 20px;"><br />
<img class="center" src="https://static.igem.org/mediawiki/2018/5/55/T--Mingdao--phil13M12.png" alt="" style="width: 80%; margin-bottom: 20px;"><br />
+
<img class="center" src="https://static.igem.org/mediawiki/2018/c/c4/T--Mingdao--sam200-3.png" alt="" style="width: 60%; margin-bottom: 20px;"><br />
<img class="center" src="https://static.igem.org/mediawiki/2018/5/55/T--Mingdao--phil13M12.png" alt="" style="width: 80%; margin-bottom: 20px;"><br />
+
<img class="center" src="https://static.igem.org/mediawiki/2018/2/23/T--Mingdao--sam200-4.png" alt="" style="width: 60%; margin-bottom: 20px;"><br />
<img class="center" src="https://static.igem.org/mediawiki/2018/5/55/T--Mingdao--phil13M12.png" alt="" style="width: 80%; margin-bottom: 20px;"><br /><br />
+
<img class="center" src="https://static.igem.org/mediawiki/2018/3/3f/T--Mingdao--sam200-5.png" alt="" style="width: 80%; margin-bottom: 20px;"><br /><br />
 
             <h4> Ac5 promoter with strong activity </h4>
 
             <h4> Ac5 promoter with strong activity </h4>
 
  <p style="text-indent:2em">
 
  <p style="text-indent:2em">
Line 206: Line 213:
 
</p>
 
</p>
 
<br /><br />
 
<br /><br />
             <h4> Signal driven by CD4-Toll chimera and blocked by HIV </h4>
+
             <h4 id="d-cd4"> Signal driven by CD4-Toll chimera and blocked by HIV </h4>
 
<p style="text-indent:2em">
 
<p style="text-indent:2em">
 
To test feasibility of fusion CD4-Toll chimera, we acquired the plasmid of Drosomycin promoter-luciferase from world-renowned insect geneticist, Dr. Jean-Luc Imler and conducted the luc reporter assay with Ac5-CD4-Toll-polyA in the mosquito cells.
 
To test feasibility of fusion CD4-Toll chimera, we acquired the plasmid of Drosomycin promoter-luciferase from world-renowned insect geneticist, Dr. Jean-Luc Imler and conducted the luc reporter assay with Ac5-CD4-Toll-polyA in the mosquito cells.
Line 226: Line 233:
 
</p>
 
</p>
 
<br /> <br /><br />
 
<br /> <br /><br />
             <h4> Design principle of GE mosquito</h4>
+
             <h4 id="d-design"> Design principle of GE mosquito</h4>
 
           <video playinline controls="true">
 
           <video playinline controls="true">
 
<source src="https://static.igem.org/mediawiki/2018/5/54/T--Mingdao--HomePage_BriefIntro.mp4" type="video/mp4" >
 
<source src="https://static.igem.org/mediawiki/2018/5/54/T--Mingdao--HomePage_BriefIntro.mp4" type="video/mp4" >
Line 261: Line 268:
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 +
 
     <div class="path-btns" style="left:0;">
 
     <div class="path-btns" style="left:0;">
 
       <div class="path">
 
       <div class="path">
Line 268: Line 276:
 
           </svg>
 
           </svg>
 
         </div>
 
         </div>
         <div id="d-introduction-btn" class="path-dot"></div>
+
         <div id="ac5-btn" class="path-dot"></div>
 
         <div class="pathWord path-word-sm">
 
         <div class="pathWord path-word-sm">
           <p>Introduction</p>
+
           <p>Ac5 promoter</p>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 +
 
       <div class="path">
 
       <div class="path">
 
         <div class="pathSvg">
 
         <div class="pathSvg">
Line 279: Line 288:
 
           </svg>
 
           </svg>
 
         </div>
 
         </div>
         <div id="d-model1-btn" class="path-dot" style="top: 100px"></div>
+
         <div id="cd4-btn" class="path-dot" style="top: 100px"></div>
 
         <div class="pathWord path-word-sm">
 
         <div class="pathWord path-word-sm">
           <p>Model 1</p>
+
           <p>CD4-Toll chimera</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="d-model2-btn" class="path-dot" style="top: 200px"></div>
+
        <div class="pathWord path-word-sm">
+
          <p>Model 2</p>
+
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 +
 
       <div class="path">
 
       <div class="path">
 
         <div class="pathSvg">
 
         <div class="pathSvg">
Line 301: Line 300:
 
           </svg>
 
           </svg>
 
         </div>
 
         </div>
         <div id="d-conclusion-btn" class="path-dot" style="top: 300px"></div>
+
         <div id="design-btn" class="path-dot" style="top: 200px"></div>
 
         <div class="pathWord path-word-sm">
 
         <div class="pathWord path-word-sm">
           <p>Conclusion</p>
+
           <p>Design principle</p>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 +
 
     </div>
 
     </div>
 +
 
     <div class="top">
 
     <div class="top">
       <img class="center" 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>
+
 
  <script type="text/javascript">
+
</body>
     $("#d-introduction-btn").click(function() {
+
 
 +
<script type="text/javascript">
 +
     $("#ac5-btn").click(function() {
 
       $('html, body').animate({
 
       $('html, body').animate({
           scrollTop: $("#d-introduction").offset().top
+
           scrollTop: $("#d-ac5").offset().top
       }, 500);
+
       }, 400);
 
     });
 
     });
     $("#d-model1-btn").click(function() {
+
     $("#cd4-btn").click(function() {
 
       $('html, body').animate({
 
       $('html, body').animate({
           scrollTop: $("#d-model1").offset().top
+
           scrollTop: $("#d-cd4").offset().top
       }, 500);
+
       }, 400);
 
     });
 
     });
     $("#d-model2-btn").click(function() {
+
     $("#design-btn").click(function() {
 
       $('html, body').animate({
 
       $('html, body').animate({
           scrollTop: $("#d-model2").offset().top
+
           scrollTop: $("#d-design").offset().top
       }, 500);
+
       }, 400);
    });
+
    $("#d-conclusion-btn").click(function() {
+
      $('html, body').animate({
+
          scrollTop: $("#d-conclusion").offset().top
+
      }, 500);
+
 
     });
 
     });
  
 
     $(document).ready(function(){
 
     $(document).ready(function(){
 
       $('.top').on('click', function(){
 
       $('.top').on('click', function(){
         $('html, body').animate({scrollTop: '0px'}, 500);
+
         $('html, body').animate({scrollTop: '0px'}, 400);
 
       });
 
       });
         $("#d-introduction-btn").css('background-color', '#385e66');
+
         $("#ac5-btn").css('background-color', '#385e66');
 
         var scroll_pos = 0;
 
         var scroll_pos = 0;
 
         $(document).scroll(function() {
 
         $(document).scroll(function() {
 
             scroll_pos = $(this).scrollTop();
 
             scroll_pos = $(this).scrollTop();
  
             d_introduction_pos = $("#d-introduction").offset().top -100
+
             d_ac5_pos = $("#d-ac5").offset().top -100
             d_model1 = $("#d-model1").offset().top -100
+
             d_cd4_pos = $("#d-cd4").offset().top -100
             d_model2= $("#d-model2").offset().top -100
+
             d_design_pos= $("#d-design").offset().top -100
            d_conclusion_pos = $("#d-conclusion").offset().top -100
+
  
 
             // introduction
 
             // introduction
             if(scroll_pos < d_model1_pos) {
+
             if(scroll_pos < d_cd4_pos) {
 
                 $(".path-dot").css('background-color', '#fff')
 
                 $(".path-dot").css('background-color', '#fff')
                 $("#d-introduction-btn").css('background-color', '#385e66');
+
                 $("#ac5-btn").css('background-color', '#385e66');}
 
             // model1  
 
             // model1  
            } else if(scroll_pos < d_model2_pos){
+
            else if(scroll_pos < d_design_pos){
               if(scroll_pos >= d_model1_pos){
+
               if(scroll_pos >= d_cd4_pos){
 
                 $(".path-dot").css('background-color', '#fff')
 
                 $(".path-dot").css('background-color', '#fff')
                 $("#d-model1-btn").css('background-color', '#385e66');}
+
                 $("#cd4-btn").css('background-color', '#385e66');}}
  
            // model2
 
            } else if(scroll_pos < d_conclusion_pos){
 
              if(scroll_pos >= d_model2_pos){
 
                $(".path-dot").css('background-color', '#fff')
 
                $("#d-model2-btn").css('background-color', '#385e66');}
 
            }
 
           
 
 
             // conclusion
 
             // conclusion
             else if( scroll_pos >= d_conclusion_pos) {
+
             else if( scroll_pos >= d_design_pos) {
 
                 $(".path-dot").css('background-color', '#fff')
 
                 $(".path-dot").css('background-color', '#fff')
                 $("#d-conclusion-btn").css('background-color', '#385e66');
+
                 $("#design-btn").css('background-color', '#385e66');
 
             }
 
             }
 
         });
 
         });
 
     });
 
     });
 
 
   </script>
 
   </script>
  
 
</html>
 
</html>
 
{{:Team:Mingdao/test6}}
 
{{:Team:Mingdao/test6}}

Latest revision as of 03:10, 18 October 2018

Description





HIV is a huge epidemic around the world which can cause AIDS in infected people. To identify HIV is very difficult for people in limited-resource countries and individuals who wants privacy. An easy-to-use, cheap and portable testing device is urgently need around the world.


To further engineer the mosquito to recognize HIV, we designed and created a synthetic HIV-specific receptor composed of human CD4 extracellular domain (1-396 aa) and Drosophila Toll transmembrane and intracellular domains (808-828 aa and 829-1097 aa, respectively) based on UniProt protein database.


The DNA fragments of human CD4 and Drosophila Toll domains were synthesized by Integrated DNA Technologies, Inc. (IDT). The DNAs were cloned onto pSB1C3 as BioBrick basic parts and confirmed by sequencing. The CD4 and Toll was further assembled with Ac5 promoter and polyA to become BioBrcik composite parts. Finally, the fusion protein was made as Ac5-hCD4-dToll-polyA / pSB1C3 (BBa_K2543010)








Ac5 promoter with strong activity

To test the gene expression driven by Ac5 promoter, we cultured a mosquito Aedes albopictus C6/36 cell line and transfected cells with the plasmid of Ac5-GFP-polyA (K2543004). GFP positive cells and intensity were analyzed 2 days after transfection.


EXPERIMENT

↓ C6/36 cells (1.8 x 105 cells/well in a 96-well plate)
↓ Liposome-mediated transfection and culture for 2 more days
↓ Read fluorescence intensity at Ex/Em = 480/520 nm with a microplate reader
↓ Observe GFP+ cells under a fluorescence microscope

RESULT

As data shown here, Ac5 is a strong and constitutive promoter which can drive GFP to high expression level in mosquito cells. And we can transfect more than 50% of GFP positive cell with liposome-mediated DNA delivery.



Signal driven by CD4-Toll chimera and blocked by HIV

To test feasibility of fusion CD4-Toll chimera, we acquired the plasmid of Drosomycin promoter-luciferase from world-renowned insect geneticist, Dr. Jean-Luc Imler and conducted the luc reporter assay with Ac5-CD4-Toll-polyA in the mosquito cells.


EXPERIMENT

↓ C6/36 cells (1.8 x 105 cells/well in a 96-well plate)
↓ Liposome-mediated transfection and culture for 2 more days
↓ Add gp120 of HIV (1 μg/ml*) or not and incubate for 24 hours
↓ Cell lysis and luciferase assay
*The concentration of gp120 in the serum of HIV-infected people is between 0.12~1 μg/ml.

RESULT

The result indicated that luciferase activity driven by Drosomycin promoter can be triggered by CD4-Toll chimera. The activity was decreased in the presence of gp120 of HIV. The finding demonstrates the possibility that GE mosquito created by our project could be applied to detect HIV virus in infected human blood.




Design principle of GE mosquito

Reference

1. UniProtKB - P01730 (CD4_HUMAN)

2. UniProtKB - P08953 (TOLL_DROME)

3. Cell. (1988) The Toll gene of Drosophila, required for dorsal-ventral embryonic polarity, appears to encode a transmembrane protein.

4. J Immunol. (2006) Evidence for a domain-swapped CD4 dimer as the coreceptor for binding to class II MHC.

5. J Immunol. (2006) Triggering of T cell activation via CD4 dimers.

6. Nat Rev Immunol. (2006) Toll-like receptors as molecular switches.

7. Retrovirology. (2006) Association between disruption of CD4 receptor dimerization and increased human immunodeficiency virus type 1 entry

8. J Immunol. (2011) The Drosophila Toll signaling pathway.

9. J Biol Chem. (2014) Disulfide reduction in CD4 domain 1 or 2 is essential for interaction with HIV glycoprotein 120 (gp120), which impairs thioredoxin-driven CD4 dimerization.

Ac5 promoter

CD4-Toll chimera

Design principle