Difference between revisions of "Team:Tongji Shanghai/Experiments"

 
(3 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{Team:Tongji_Shanghai/head}}
 
{{Team:Tongji_Shanghai/head}}
<!doctype html>
 
 
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
 
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
 
<!--[if (gte IE 9)|!(IE)]><html lang="en" class="no-js"> <![endif]-->
 
<!--[if (gte IE 9)|!(IE)]><html lang="en" class="no-js"> <![endif]-->
 
<html lang="en">
 
<html lang="en">
 
<head>
 
 
  <!-- Basic -->
 
  <title>Margo | Blog</title>
 
 
  <!-- Define Charset -->
 
  <meta charset="utf-8">
 
 
  <!-- Responsive Metatag -->
 
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
 
  <!-- Page Description and Author -->
 
  <meta name="description" content="Margo - Responsive HTML5 Template">
 
  <meta name="author" content="Margo">
 
 
 
  <!-- Bootstrap CSS  -->
 
  <link rel="stylesheet" href="asset/css/bootstrap.min.css" type="text/css" media="screen">
 
 
  <!-- Font Awesome CSS -->
 
  <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css" media="screen">
 
 
  <!-- Slicknav -->
 
  <link rel="stylesheet" type="text/css" href="css/slicknav.css" media="screen">
 
 
  <!-- Margo CSS Styles  -->
 
  <link rel="stylesheet" type="text/css" href="css/style.css" media="screen">
 
 
  <!-- Responsive CSS Styles  -->
 
  <link rel="stylesheet" type="text/css" href="css/responsive.css" media="screen">
 
 
  <!-- Color CSS Styles  -->
 
  <link rel="stylesheet" type="text/css" href="css/colors/red.css" title="red" media="screen" />
 
  <link rel="stylesheet" type="text/css" href="css/colors/jade.css" title="jade" media="screen" />
 
  <link rel="stylesheet" type="text/css" href="css/colors/blue.css" title="blue" media="screen" />
 
  <link rel="stylesheet" type="text/css" href="css/colors/beige.css" title="beige" media="screen" />
 
  <link rel="stylesheet" type="text/css" href="css/colors/cyan.css" title="cyan" media="screen" />
 
  <link rel="stylesheet" type="text/css" href="css/colors/green.css" title="green" media="screen" />
 
  <link rel="stylesheet" type="text/css" href="css/colors/orange.css" title="orange" media="screen" />
 
  <link rel="stylesheet" type="text/css" href="css/colors/peach.css" title="peach" media="screen" />
 
  <link rel="stylesheet" type="text/css" href="css/colors/pink.css" title="pink" media="screen" />
 
  <link rel="stylesheet" type="text/css" href="css/colors/purple.css" title="purple" media="screen" />
 
  <link rel="stylesheet" type="text/css" href="css/colors/sky-blue.css" title="sky-blue" media="screen" />
 
  <link rel="stylesheet" type="text/css" href="css/colors/yellow.css" title="yellow" media="screen" />
 
 
 
  <!-- Margo JS  -->
 
  <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
 
  <script type="text/javascript" src="js/jquery.migrate.js"></script>
 
  <script type="text/javascript" src="js/modernizrr.js"></script>
 
  <script type="text/javascript" src="asset/js/bootstrap.min.js"></script>
 
  <script type="text/javascript" src="js/jquery.fitvids.js"></script>
 
  <script type="text/javascript" src="js/owl.carousel.min.js"></script>
 
  <script type="text/javascript" src="js/nivo-lightbox.min.js"></script>
 
  <script type="text/javascript" src="js/jquery.isotope.min.js"></script>
 
  <script type="text/javascript" src="js/jquery.appear.js"></script>
 
  <script type="text/javascript" src="js/count-to.js"></script>
 
  <script type="text/javascript" src="js/jquery.textillate.js"></script>
 
  <script type="text/javascript" src="js/jquery.lettering.js"></script>
 
  <script type="text/javascript" src="js/jquery.easypiechart.min.js"></script>
 
  <script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
 
  <script type="text/javascript" src="js/jquery.parallax.js"></script>
 
  <script type="text/javascript" src="js/jquery.slicknav.js"></script>
 
 
  <!--[if IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
 
  <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
 
 
</head>
 
  
 
<body>
 
<body>
Line 78: Line 8:
 
   <!-- Container -->
 
   <!-- Container -->
 
   <div id="container">
 
   <div id="container">
 
    <!-- Start Header -->
 
 
    <!-- End Header -->
 
 
 
 
     <!-- Start Page Banner -->
 
     <!-- Start Page Banner -->
 
     <div class="page-banner">
 
     <div class="page-banner">
Line 95: Line 19:
 
             <ul class="breadcrumbs">
 
             <ul class="breadcrumbs">
 
               <li><a href="#">Home</a></li>
 
               <li><a href="#">Home</a></li>
               <li>Project</li>
+
               <li>Team</li>
 
             </ul>
 
             </ul>
 
           </div>
 
           </div>
Line 113: Line 37:
  
 
             <!-- Categories Widget -->
 
             <!-- Categories Widget -->
             <div class="widget widget-categories" style="display: block;position: fixed;"id="sidebar1">
+
             <div class="widget widget-categories" style="display: block;position: fixed;" id="sidebar1">
 
               <h4>Experiments<span class="head-line"></span></h4>
 
               <h4>Experiments<span class="head-line"></span></h4>
 
               <ul>
 
               <ul>
 
                 <li>
 
                 <li>
                   <a href="#">Topic 1</a>
+
                   <a href="#">Materials Synthesis</a>
 
                 </li>
 
                 </li>
 
                 <li>
 
                 <li>
                   <a href="#">Topic 2</a>
+
                   <a href="#">Plasmid Construction</a>
 
                 </li>
 
                 </li>
 
                 <li>
 
                 <li>
                   <a href="#">Topic 3</a>
+
                   <a href="#">Cell Experiments</a>
 +
                </li>
 +
                <li>
 +
                  <a href="#">Mice Experiments</a>
 
                 </li>
 
                 </li>
 
               </ul>
 
               </ul>
Line 133: Line 60:
  
 
       <!-- Classic Heading -->
 
       <!-- Classic Heading -->
            <div class="col-md-9 page-content" style="text-align:justify;">
+
<div class="col-md-9">  
            <div id="project">
+
            <!-- Classic Heading -->
+
           
+
              <h3 class="classic-title" style="margin-top:0px"><span><a  href="https://2015.igem.org/Team:Peking/Design/PC_Reporter">Paired dCas9 reporter</a></span></h3>
+
              <div style="margin-top:0px; margin-bottom:0">
+
                <div class="row">
+
                  <div class="col-md-6">
+
                    <img style="max-with:400px;" src="https://static.igem.org/mediawiki/2015/4/4e/Peking-Project-Overview1.png">
+
                  </div>
+
                  <div class="col-md-6">
+
                <p> It is well known that CRISPR/dCas9 has a unique ability to be programmed to bind any sequence with the assistance of sgRNA; it was conventionally used for DNA editing or genome study. In our project, however, we integrate split reporters into CRISPR/Cas9 by translationally fusing two fragments of a split reporter to dCas9, respectively, to convert the sequence-specific information of pathogenic bacteria's genome (in our case, <i>M. tuberculosis</i>) into easily readable signal including bioluminescence or pigment. We demonstrated that the PC reporter is highly compatible with NAD-based diagnosis using isolated genomic DNA of MTB.</p>
+
                </div>
+
              </div>
+
            </div>
+
  
              <h3 class="classic-title" style="margin-top:0px"><span><a  href="https://2015.igem.org/Team:Peking/Design/PC_Reporter">Paired dCas9 reporter</a></span></h3>
+
        <!-- Materials Synthesis -->  
              <div style="margin-top:0px; margin-bottom:0">
+
    <div class="row">  
                <div class="row">
+
      <div class="col-md-12" style="margin:0px; padding:0">
                  <div class="col-md-6">
+
      <h3 class="classic-title" style="margin-top:0px"><span>Materials Synthesis</span></h3>
                    <img style="max-with:400px;" src="https://static.igem.org/mediawiki/2015/4/4e/Peking-Project-Overview1.png">
+
                  </div>
+
                  <div class="col-md-6">
+
                <p> It is well known that CRISPR/dCas9 has a unique ability to be programmed to bind any sequence with the assistance of sgRNA; it was conventionally used for DNA editing or genome study. In our project, however, we integrate split reporters into CRISPR/Cas9 by translationally fusing two fragments of a split reporter to dCas9, respectively, to convert the sequence-specific information of pathogenic bacteria's genome (in our case, <i>M. tuberculosis</i>) into easily readable signal including bioluminescence or pigment. We demonstrated that the PC reporter is highly compatible with NAD-based diagnosis using isolated genomic DNA of MTB.</p>
+
                </div>
+
              </div>
+
            </div>            
+
  
  
 +
 
 +
          <!-- Some Text -->
 +
            <ul style="margin-left:0px; font-size:16px">We have synthesized the AuNRs (gold nanorods) and detoxified them for photothermal therapy, also known as optical hyperthermia or photothermal ablation, which is an emerging strategy for treating solid tumors. Gold nanoparticles are capable of confining resonant photons, further inducing coherent surface plasmon oscillation of their conduction band electrons.<br><br>
 +
            For non-invasive therapy, near infrared (NIR) radiation is chosen because it penetrates tissue more deeply. And we find that AuNRs with a strong SPR(surface plasmon resonance) in the NIR region can show intense absorption of light in the NIR region, also biocompatibility. Even more, it can accumulate in tumor tissue via passive targeting phenomena. PEG can be used to increase biocompatibility, suppress immunogenic responses and decrease adsorption. </ul>
 +
          <br>
 +
          <br>
 +
         
 +
    </div>
 +
    </div>
 +
           
 +
        <!-- Cell Experiments-->
 +
        <div class="row">   
 +
        <div class="col-md-12" style="margin:0px; padding:0">
 +
            <h3 class="classic-title" style="margin-top:20px"><span>Plasmid Construction</span></h3> 
 +
          <!-- Some Text -->
 +
            <ul style="margin-left:0px; font-size:16px">Cancer thermotherapy realized by depositing heat into tumor in a minimally invasive way is a promising alternative to the conventional therapies for cancer treatment. It’s a therapeutic tool to eradicate cancer tumor with minimum toxic effects. To make it better, we plan to improve its ability to target to tumor cells and thermosensitivity of tumor cells. Furthermore, we hope it can reflect the the treatment process. Here, we provide an approach to optimize its tumor targeting and thermosensitivity of tumor cells by hTert promoter and heat shock protein 70(hsp70) prompter and the following tumor suppressor p53. Additionally, the luciferase following p53 makes it a reporter system.
 +
          </ul>
 +
          <br>
 +
            <br>
 +
                   
 +
       
 +
         
 +
     
 +
         
 +
          </div>     
 +
        </div>
 +
   
 +
   
 +
        <!-- Materials Synthesis -->
 +
    <div class="row">   
 +
      <div class="col-md-12" style="margin:0px; padding:0">
 +
      <h3 class="classic-title" style="margin-top:20px"><span>Cell Experiments</span></h3>
 +
      <!--<h4>Taipei Workshop in NYMU<span class="head-line"></span></h4><br>
  
 +
 
 +
          <!-- Some Text -->
 +
            <ul style="margin-left:0px; font-size:16px;">In order to test the toxicity and killing efficiency of our system, we have designed in vitro cytotoxicity test and in vitro photo thermal effect test. Cell viability is tested with cellTiter-Glo luminescent cell viability assay, which can reflect the ATP concentration of cells.<br><br>
 +
            </ul>
 +
          <br>
 +
          <br>
 +
         
 +
    </div>
 +
    </div>
  
    
+
   
 
+
    <div class="row">    
          </div>
+
      <div class="col-md-12" style="margin:0px; padding:0">
        </div>
+
      <h3 class="classic-title" style="margin-top:20px"><span>Mice Experiments</span></h3>
 
+
      <!--<h4>Taipei Workshop in NYMU<span class="head-line"></span></h4><br>
  
 +
 
 +
          <!-- Some Text -->
 +
            <ul style="margin-left:0px; font-size:16px;">Previous work has shown that golden nanorods is harmless to cells under 100μg/ml, and perform well when exposed to NIR. The feasibility of in vivo near-infrared OPTT is demonstrated after infected plasmids in tumor-bear mice by direct injection. Near-infrared OPTT was performed extra corporally using a portable wave diode laser.</ul>
 +
          <br>
 +
          <br>
 +
         
 +
    </div>
 +
    </div>   
 +
   
 +
   
 +
   
 
</div>
 
</div>
 
</div>               
 
</div>               
  
          </div>
 
           
 
 
 
         </div>
 
         </div>
 +
        </div>
 +
     
 +
     
 
     <!-- End Content -->
 
     <!-- End Content -->
  
Line 184: Line 143:
 
     <!-- End Footer -->
 
     <!-- End Footer -->
  
 
  <!-- End Container -->
 
  
 
   <!-- Go To Top Link -->
 
   <!-- Go To Top Link -->
 
   <a href="#" class="back-to-top"><i class="fa fa-angle-up"></i></a>
 
   <a href="#" class="back-to-top"><i class="fa fa-angle-up"></i></a>
  
  <!-- Style Switcher -->
 
  <div class="switcher-box">
 
   
 
    <h4>Style Switcher</h4>
 
    <span>12 Predefined Color Skins</span>
 
    <ul class="colors-list">
 
      <li>
 
        <a onClick="setActiveStyleSheet('blue'); return false;" title="Blue" class="blue"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('sky-blue'); return false;" title="Sky Blue" class="sky-blue"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('cyan'); return false;" title="Cyan" class="cyan"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('jade'); return false;" title="Jade" class="jade"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('green'); return false;" title="Green" class="green"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('purple'); return false;" title="Purple" class="purple"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('pink'); return false;" title="Pink" class="pink"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('red'); return false;" title="Red" class="red"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('orange'); return false;" title="Orange" class="orange"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('yellow'); return false;" title="Yellow" class="yellow"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('peach'); return false;" title="Peach" class="peach"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('beige'); return false;" title="Biege" class="beige"></a>
 
      </li>
 
    </ul>
 
    <span>Top Bar Color</span>
 
    <select id="topbar-style" class="topbar-style">
 
      <option value="1">Light (Default)</option>
 
      <option value="2">Dark</option>
 
      <option value="3">Color</option>
 
    </select>
 
    <span>Layout Style</span>
 
    <select id="layout-style" class="layout-style">
 
      <option value="1">Wide</option>
 
      <option value="2">Boxed</option>
 
    </select>
 
    <span>Patterns for Boxed Version</span>
 
    <ul class="bg-list">
 
      <li>
 
        <a href="#" class="bg1"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg2"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg3"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg4"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg5"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg6"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg7"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg8"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg9"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg10"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg11"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg12"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg13"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg14"></a>
 
      </li>
 
    </ul>
 
  </div>
 
  
    
+
 
 +
   <script type="text/javascript" src="https://2016.igem.org/Team:Tongji_Shanghai/js/script_js?action=raw&amp;ctype=text/javascript"></script>
 +
 
 +
 
 +
<script type="text/javascript" >       
 +
function menuFixed(id){
 +
var obj = document.getElementById(id);
 +
var _getHeight = obj.offsetTop;
 +
 
 +
window.onscroll = function(){
 +
changePos(id,_getHeight);
 +
}
 +
}
 +
function changePos(id,height){
 +
var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight();
 +
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop - 150;
 +
var windowBottom = $(window).scrollTop() + $(window).innerHeight();
 +
var w = window.innerWidth;
 +
if(w>=1024){
 +
  if($(window).scrollTop() + $(window).height() > $(document).height() - 260){
 +
                $('#sidebar1').fadeOut("fast");}else{$('#sidebar1').fadeIn("fast");}
 +
}
 +
if(scrollTop < height){ obj.style.position = 'relative';     
 +
}else{
 +
obj.style.position = 'fixed';
 +
}
 +
}
 +
</script>
 +
 
 +
<script type="text/javascript">
 +
window.onload = function(){
 +
menuFixed('sidebar1');
 +
}
 +
</script>
 +
 
  
 
</body>
 
</body>

Latest revision as of 19:12, 19 October 2016

Tongji_Shanghai-2016.igem.org Tongji Shanghai

Project

Our project is our story.

Materials Synthesis

    We have synthesized the AuNRs (gold nanorods) and detoxified them for photothermal therapy, also known as optical hyperthermia or photothermal ablation, which is an emerging strategy for treating solid tumors. Gold nanoparticles are capable of confining resonant photons, further inducing coherent surface plasmon oscillation of their conduction band electrons.

    For non-invasive therapy, near infrared (NIR) radiation is chosen because it penetrates tissue more deeply. And we find that AuNRs with a strong SPR(surface plasmon resonance) in the NIR region can show intense absorption of light in the NIR region, also biocompatibility. Even more, it can accumulate in tumor tissue via passive targeting phenomena. PEG can be used to increase biocompatibility, suppress immunogenic responses and decrease adsorption.


Plasmid Construction

    Cancer thermotherapy realized by depositing heat into tumor in a minimally invasive way is a promising alternative to the conventional therapies for cancer treatment. It’s a therapeutic tool to eradicate cancer tumor with minimum toxic effects. To make it better, we plan to improve its ability to target to tumor cells and thermosensitivity of tumor cells. Furthermore, we hope it can reflect the the treatment process. Here, we provide an approach to optimize its tumor targeting and thermosensitivity of tumor cells by hTert promoter and heat shock protein 70(hsp70) prompter and the following tumor suppressor p53. Additionally, the luciferase following p53 makes it a reporter system.


Cell Experiments

    In order to test the toxicity and killing efficiency of our system, we have designed in vitro cytotoxicity test and in vitro photo thermal effect test. Cell viability is tested with cellTiter-Glo luminescent cell viability assay, which can reflect the ATP concentration of cells.



Mice Experiments

    Previous work has shown that golden nanorods is harmless to cells under 100μg/ml, and perform well when exposed to NIR. The feasibility of in vivo near-infrared OPTT is demonstrated after infected plasmids in tumor-bear mice by direct injection. Near-infrared OPTT was performed extra corporally using a portable wave diode laser.