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

(Prototype team page)
 
Line 1: Line 1:
{{Tongji_China}}
+
<!-- This document, originally from getmdl.io, was modified -->
<html>
+
  
<div class="column full_size">
+
<!--
 +
  Material Design Lite
 +
  Copyright 2015 Google Inc. All rights reserved.
  
<h1>Experiments</h1>
+
  Licensed under the Apache License, Version 2.0 (the "License");
<p>Describe the research, experiments, and protocols you used in your iGEM project. These should be detailed enough for another team to repeat your experiments.</p>
+
  you may not use this file except in compliance with the License.
 +
  You may obtain a copy of the License at
  
<p>
+
      https://www.apache.org/licenses/LICENSE-2.0
Please remember to put all characterization and measurement data for your parts on the corresponding Registry part pages.  
+
</p>
+
  
</div>
+
  Unless required by applicable law or agreed to in writing, software
 +
  distributed under the License is distributed on an "AS IS" BASIS,
 +
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 +
  See the License for the specific language governing permissions and
 +
  limitations under the License
 +
-->
 +
{{Tongji_China/Header}}
 +
<html lang="en">
 +
  <head>
 +
    <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="description" content="2017 Tongji iGEM team wiki">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
 +
    <title>Tongji iGEM - Tests</title>
  
<div class="column half_size">
+
    <script src="https://2017.igem.org/Template:Tongji_China/Javascript?action=raw&ctype=text/javascript"></script>
<h5>What should this page contain?</h5>
+
<ul>
+
<li> Protocols </li>
+
<li> Experiments </li>
+
<li> Documentation of the development of your project </li>
+
</ul>
+
  
</div>
+
    <!-- Page styles -->
 +
    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Tongji_China/CSS?action=raw&ctype=text/css">
 +
    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Tongji_China/CSS_2?action=raw&ctype=text/css">
 +
    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Tongji_China/CSS_3?action=raw&ctype=text/css">
  
<div class="column half_size">
+
    <style>
<h5>Inspiration</h5>
+
    #view-source {
<ul>
+
      position: fixed;
<li><a href="https://2014.igem.org/Team:Colombia/Protocols">2014 Colombia </a></li>
+
      display: block;
<li><a href="https://2014.igem.org/Team:Imperial/Protocols">2014 Imperial </a></li>
+
      right: 0;
<li><a href="https://2014.igem.org/Team:Caltech/Project/Experiments">2014 Caltech </a></li>
+
      bottom: 0;
</ul>
+
      margin-right: 40px;
</div>
+
      margin-bottom: 40px;
 +
      z-index: 900;
 +
    }
  
 +
    .demo-card-wide.mdl-card {
 +
      margin: auto;
 +
      margin-top: 20px;
 +
      align-items: center;
 +
      width: 70%;
 +
      border-radius:6px
 +
    }
 +
    .demo-card-wide > .mdl-card__title {
 +
      color: #757575;
 +
      align-self: center;
 +
      /*height: 176px;*/
 +
    }
 +
    .demo-card-wide > .mdl-card__menu {
 +
      color: #757575;
 +
    }
  
<div class="clear"></div>
+
    .mdl-card__title-text {
 +
      padding-top: 20px;
 +
    }
  
 +
    .mdl-card__supporting-text {
 +
      line-height: 130%;
 +
    }
  
<div class="column half_size">
+
    /*@-webkit-keyframes blinker {
 +
      from { opacity: 1.0; }
 +
      to { opacity: 0.0; }
 +
    }*/
  
 +
    .android-header .material-icons {
 +
      color: #388E3C !important;
 +
      /*-webkit-animation-name: blinker;
 +
      -webkit-animation-iteration-count: 5;
 +
      -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
 +
      -webkit-animation-duration: 1.5s;*/
 +
    }
  
 +
    .imagelayout{
 +
      width: 60%;
 +
    }
  
</div>
+
    .chartopacity {
 +
      opacity: 0.8;
 +
    }
  
 +
    @media only screen and (max-device-width: 1200px) {
 +
      .demo-card-wide.mdl-card {
 +
        width: 80%;
 +
        max-width: 1500px
 +
      }
 +
  }
 +
 +
    @media only screen and (max-device-width: 900px) {
 +
      .demo-card-wide.mdl-card {
 +
        width: 90%;
 +
      }
 +
      .imagelayout {
 +
        width: 80%;
 +
      }
 +
  }
 +
 +
    @media only screen and (max-device-width: 600px) {
 +
      .demo-card-wide.mdl-card {
 +
        width: 95%;
 +
      }
 +
 +
      .imagelayout {
 +
        width: 100%;
 +
      }
 +
  }
 +
    </style>
 +
 +
    <script type="text/javascript">
 +
    // Try to remove weird iGEM side menu and resize the remaining things
 +
    function closeMenuDiv(){
 +
      document.getElementById("sideMenu").style.display = "none";
 +
      bars_box_active = false;
 +
      document.getElementById('content').setAttribute("style","display:block;width:100%");
 +
      document.getElementById('content').style.width='100%';
 +
    }
 +
    window.setTimeout(closeMenuDiv,50);
 +
    window.setTimeout(closeMenuDiv,100);
 +
    window.setTimeout(closeMenuDiv,500);
 +
    window.setTimeout(closeMenuDiv,1000);
 +
    window.setTimeout(closeMenuDiv,5000);
 +
    window.setTimeout(closeMenuDiv,10000);
 +
 +
    function goFullscreen(id) {
 +
      var element = document.getElementById(id);
 +
      if (element.mozRequestFullScreen) {
 +
        element.mozRequestFullScreen();
 +
      } else if (element.webkitRequestFullScreen) {
 +
        element.webkitRequestFullScreen();
 +
      }
 +
    }
 +
    </script>
 +
 +
  </head>
 +
  <body>
 +
    <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header" class="main view" style="background:#f9f9f9">
 +
      <!-- Header -->
 +
      <div class="android-header mdl-layout__header mdl-layout__header--waterfall">
 +
        <div class="mdl-layout__header-row">
 +
          <span class="android-title mdl-layout-title">
 +
            <div class="logo-font">Tongji iGEM</div>
 +
          </span>
 +
          <!-- Add spacer, to align navigation to the right in desktop -->
 +
          <div class="android-header-spacer mdl-layout-spacer"></div>
 +
          <!-- Navigation -->
 +
          <div class="android-navigation-container">
 +
            <nav class="android-navigation mdl-navigation">
 +
              <!-- Links in the top right -->
 +
              <a class="mdl-navigation__link mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China">Home</a>
 +
              <a class="mdl-navigation__link mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China/Description">Project</a>
 +
              <a class="mdl-navigation__link mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China/Team">Team</a>
 +
              <a class="mdl-navigation__link mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China/Results">Results</a>
 +
            </nav>
 +
          </div>
 +
          <span class="android-mobile-title mdl-layout-title">
 +
            <div class="logo-font">TongJi iGEM</div>
 +
          </span>
 +
        </div>
 +
      </div>
 +
      <!-- Drawer -->
 +
      <div class="android-drawer mdl-layout__drawer">
 +
        <nav class="mdl-navigation">
 +
          <!-- <span class="mdl-navigation__link" href="">Title</span> -->
 +
          <a class="mdl-navigation__link" style="color: #388E3C" href="https://2017.igem.org/Team:Tongji_China">HOME</a>
 +
          <div class="android-drawer-separator"></div>
 +
 +
          <a class="mdl-navigation__link" style="color: #388E3C">PROJECT</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Description">Description</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Design">Design</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Results">Results</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Demonstrate">Demonstrate</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Record">Record</a>
 +
          <!-- <div class="android-drawer-separator"></div> -->
 +
 +
          <a class="mdl-navigation__link" style="color: #388E3C">LAB</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Parts">Parts</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Experiments">Tests</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/InterLab">InterLab</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Process">Process</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Protocol">Protocol</a>
 +
          <!-- <div class="android-drawer-separator"></div> -->
 +
 +
          <a class="mdl-navigation__link" style="color: #388E3C" href="https://2017.igem.org/Team:Tongji_China/Model">MODEL</a>
 +
          <!-- <div class="android-drawer-separator"></div> -->
 +
 +
          <a class="mdl-navigation__link" style="color: #388E3C" href="https://2017.igem.org/Team:Tongji_China/Human_Practices">HP</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/HP/Silver">Silver</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/HP/Gold_Integrated">Gold</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Engagement">Engagement</a>
 +
          <!-- <div class="android-drawer-separator"></div> -->
 +
 +
          <a class="mdl-navigation__link" style="color: #388E3C" href="https://2017.igem.org/Team:Tongji_China/Safety">SAFETY</a>
 +
          <!-- <div class="android-drawer-separator"></div> -->
 +
 +
          <a class="mdl-navigation__link" style="color: #388E3C">AWARDS</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Model_Award">Model Award</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Judging_Form">Judging Form</a>
 +
          <!-- <div class="android-drawer-separator"></div> -->
 +
 +
          <a class="mdl-navigation__link" style="color: #388E3C">TEAM</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Team">Members</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Collaborations">Collaboration</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Attributions">Attribution</a>
 +
          <div class="android-drawer-separator"></div>
 +
          <!-- <div class="android-drawer-separator"></div> -->
 +
        </nav>
 +
      </div>
 +
      <a name="top"></a>
 +
 +
      <!-- HERE STARTS THE PAGE -->
 +
      <div class="android-content mdl-layout__content">
 +
        <a name="top"></a>
 +
        <!-- Title and Subtitle -->
 +
        <div class="mdl-typography--text-center" style="margin-bottom:20%">
 +
          <div class="logo-font android-slogan" style="color:#388E3C;">Tests</div>
 +
          <div class="logo-font android-sub-slogan" style="color:#757575;">
 +
            A review of the experiments and their results.<br>
 +
            <i class="material-icons">expand_more</i>
 +
          </div>
 +
        </div>
 +
 +
        <!-- Experiment 1 -->
 +
        <div class="demo-card-wide mdl-card mdl-shadow--2dp">
 +
          <div class="mdl-card__title" style="text-align:center">
 +
            <h4 class="mdl-card__title-text" style="font-size: 250%; color:#5a5a5a">Experiment 1</h4>
 +
          </div>
 +
          <div class="mdl-card__supporting-text" style="font-size: 115%">
 +
            <b>Use Real-time PCR to detect whether the expression of TH is increased at 29°C.</b><br><br>
 +
 +
            Real Time PCR is a laboratory technique of molecular biology based on the polymerase chain reaction (PCR). Real-time PCR is carried out in a thermal cycler with the capacity to illuminate each sample with a beam of light of at least one specified wavelength and detect the fluorescence emitted by the excited fluorophore. The thermal cycler is also able to rapidly heat and chill samples.<br>
 +
            The PCR process generally consists of a series of temperature changes that are repeated 25 – 50 times. These cycles normally consist of three stages: the first, at around 95 °C, allows the separation of the nucleic acids' double chain; the second, at a temperature of around 50-60 °C, allows the binding of the primers with the DNA template; the third, at between 68 - 72 °C, facilitates the polymerization carried out by the DNA polymerase.<br>
 +
            Due to the small size of the fragments the last step is usually omitted in this type of PCR as the enzyme is able to increase their number during the change between the alignment stage and the denaturing stage. In addition, in fourth step of PCR the fluorescence is measured during short temperature phase lasting only a few seconds in each cycle, with a temperature of, for example, 80 °C, in order to reduce the signal caused by the presence of primer dimers when a non-specific dye is used.<br>
 +
            When the intensity of fluorescence reached the threshold that was set before, the machine will record how many cycles went through, this value called CT, through which we can conclusion the relative expression level.<br><br>
 +
 +
            <b>Result:</b>
 +
            <div class="mdl-card__supporting-text" style="font-size: 75%; text-align:center; margin:auto">
 +
              <img src="https://static.igem.org/mediawiki/2017/0/08/2017tongji_wiki_image_result1.png" class="imagelayout chartopacity" alt="TH expression">
 +
              <div style="height:16px"></div>
 +
              Figure 1 - The relative expression of TH in modified fruit flies increased significantly.
 +
            </div>
 +
 +
          </div>
 +
          <div class="android-drawer-separator"></div>
 +
        </div>
 +
 +
        <!-- Experiment 2 -->
 +
        <div class="demo-card-wide mdl-card mdl-shadow--2dp">
 +
          <div class="mdl-card__title" style="text-align:center">
 +
            <h4 class="mdl-card__title-text" style="font-size: 250%; color:#5a5a5a">Experiment 2</h4>
 +
          </div>
 +
          <div class="mdl-card__supporting-text" style="font-size: 115%">
 +
            <b>Detect male-male courtship when raising the temperature.</b><br><br>
 +
 +
            There are numerous descriptions of the courtship repertoire in male flies, which include: (1) orientation, when the male recognizes the female as an “object of interest” and orients towards her abdomen, generally at a 45 o or 90 o angle; (2) wing extension, when a male extends the wing closest to the female’s field of vision and vibrates it at a specific intensity, creating the courtship song: (3) tapping, when the male extends a foreleg and taps the females abdomen; (4) licking, when the male extends his proboscis and licks the female’s genitalia; (5) curling, when the male curls his abdomen in preparation for mating; and mounting, when the male actually attempts to copulate with the female. As with all behaviors, there is tremendous variability and a male may repeat components of the courtship repertoire, or simply attempt to copulate.
 +
            We put one modified/wild-type male fly and one wild-type male fly in one observation room. Then Use a digital camera to take the record (5 minutes) and calculate the courtship index. Courtship index (CI) is the percentage of time that the fruit fly use for mating in five minutes.<br><br>
 +
 +
            <div class="mdl-card__supporting-text" style="font-size: 75%; text-align:center; margin:auto">
 +
              <img src="https://static.igem.org/mediawiki/2017/2/2b/2017tongji_wiki_image_test1.png" class="imagelayout chartopacity" alt="Mating Index">
 +
            </div>
 +
            <br>
 +
 +
            <b>Results:</b><br><br>
 +
 +
            <!-- VIDEOS -->
 +
            <video style="display:none" width="20%" id="player1" controls="controls">
 +
              <source src="https://static.igem.org/mediawiki/2017/1/14/2017tongji_wiki_test_video1.mp4" type="video/mp4">
 +
              Your browser does not support the video tag.
 +
            </video>
 +
            <video style="display:none" width="20%" id="player2" controls="controls">
 +
              <source src="https://static.igem.org/mediawiki/2017/7/73/2017tongji_wiki_test_video2.mp4" type="video/mp4">
 +
              Your browser does not support the video tag.
 +
            </video>
 +
            <video style="display:none" width="20%" id="player3" controls="controls">
 +
              <source src="https://static.igem.org/mediawiki/2017/e/ec/2017tongji_wiki_test_video3.mp4" type="video/mp4">
 +
              Your browser does not support the video tag.
 +
            </video>
 +
            <video style="display:none" width="20%" id="player4" controls="controls">
 +
              <source src="https://static.igem.org/mediawiki/2017/e/e2/2017tongji_wiki_test_video4.mp4" type="video/mp4">
 +
              Your browser does not support the video tag.
 +
            </video>
 +
 +
            <!-- BUTTONS -->
 +
            <button style="float: left; margin-right:16px" onclick="goFullscreen('player1'); return false" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
 +
              Video 1 - control 25°C
 +
            </button>
 +
            <button style="float: left; margin-right:16px" onclick="goFullscreen('player2'); return false" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
 +
              Video 2 - control 29°C
 +
            </button>
 +
            <button style="float: left; margin-right:16px" onclick="goFullscreen('player3'); return false" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
 +
              Video 3 - treated 25°C
 +
            </button>
 +
            <button style="float: left; margin-right:16px" onclick="goFullscreen('player4'); return false" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
 +
              Video 4 - treated 29°C
 +
            </button>
 +
            <br><br><br>
 +
 +
            Mating index (the relative time that the fruit fly use for mating):
 +
            <div class="mdl-card__supporting-text" style="font-size: 75%; text-align:center; margin:auto">
 +
              <img src="https://static.igem.org/mediawiki/2017/e/e4/2017tongji_wiki_image_result2.png" class="imagelayout chartopacity" alt="Mating Index">
 +
              <div style="height:16px"></div>
 +
              Figure 2 - The mating index of the treated group rises significantly at 29°C.<br>
 +
              [time=5minutes, n=5, P<0.01]
 +
            </div>
 +
 +
          </div>
 +
          <div class="android-drawer-separator"></div>
 +
        </div> -->
 +
 +
        <!-- Experiment 3 -->
 +
        <div class="demo-card-wide mdl-card mdl-shadow--2dp">
 +
          <div class="mdl-card__title" style="text-align:center">
 +
            <h4 class="mdl-card__title-text" style="font-size: 250%; color:#5a5a5a">Experiment 3</h4>
 +
          </div>
 +
          <div class="mdl-card__supporting-text" style="font-size: 115%">
 +
            <b>Test the modified Drosophila’ gender preferences.</b><br><br>
 +
 +
            We put one decapitated wild-type male fly and one decapitated wild-type female fly in front of a modified fruit fly and use a digital camera to take the record (10 minutes) and calculate the preference Index. From the result, we can see whether the sexual preference is maintained.<br>
 +
            Preference Index (PI) was calculated according to the following equation: PI = Tm/(Tf +Tm), where Tf and Tm represent the time courter spent courting the female and the male in 10 min, respectively.<br><br>
 +
 +
            <div class="mdl-card__supporting-text" style="font-size: 75%; text-align:center; margin:auto">
 +
              <img src="https://static.igem.org/mediawiki/2017/8/8f/2017tongji_wiki_image_test2.png" class="imagelayout chartopacity" alt="Mating Index">
 +
            </div>
 +
            <br>
 +
 +
            <b>Results:</b><br><br>
 +
 +
            <!-- VIDEOS -->
 +
            <video style="display:none" width="20%" id="player5" controls="controls">
 +
              <source src="https://static.igem.org/mediawiki/2017/7/74/2017tongji_wiki_test_video5.mp4" type="video/mp4">
 +
              Your browser does not support the video tag.
 +
            </video>
 +
            <video style="display:none" width="20%" id="player6" controls="controls">
 +
              <source src="https://static.igem.org/mediawiki/2017/b/be/2017tongji_wiki_test_video6.mp4" type="video/mp4">
 +
              Your browser does not support the video tag.
 +
            </video>
 +
 +
            <!-- BUTTONS -->
 +
            <button style="float: left; margin-right:16px" onclick="goFullscreen('player5'); return false" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
 +
              Video 5
 +
            </button>
 +
            <button style="float: left; margin-right:16px" onclick="goFullscreen('player6'); return false" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
 +
              Video 6
 +
            </button>
 +
            <br><br><br>
 +
 +
            Comparison of time that the fruit flies use for mating male or female flies:
 +
            <div class="mdl-card__supporting-text" style="font-size: 75%; text-align:center; margin:auto">
 +
              <img src="https://static.igem.org/mediawiki/2017/4/46/2017tongji_wiki_image_result3.png" class="imagelayout chartopacity" alt="male-male and male-female mating">
 +
              <div style="height:16px"></div>
 +
              Figure 3 - The modified fruit flies had no preference for males and females when mating.<br>
 +
              [time=10minutes, n=8, P>0.5]
 +
            </div>
 +
 +
          </div>
 +
          <div class="android-drawer-separator"></div>
 +
        </div>
 +
 +
        <!-- Experiment 4 -->
 +
        <div class="demo-card-wide mdl-card mdl-shadow--2dp">
 +
          <div class="mdl-card__title" style="text-align:center">
 +
            <h4 class="mdl-card__title-text" style="font-size: 250%; color:#5a5a5a">Experiment 4</h4>
 +
          </div>
 +
          <div class="mdl-card__supporting-text" style="font-size: 115%">
 +
            <b>Test whether the modified fruit flies increase its appeal to males.</b><br><br>
 +
 +
            We try to put one wild-type and one decapitated modified/wild-type male fly together. Then we use a digital camera to take the record (5 minutes) and calculate the courtship index.<br><br>
 +
 +
            <div class="mdl-card__supporting-text" style="font-size: 75%; text-align:center; margin:auto">
 +
              <img src="https://static.igem.org/mediawiki/2017/2/2c/2017tongji_wiki_image_test3.png" class="imagelayout chartopacity" alt="Mating Index">
 +
            </div>
 +
            <br>
 +
 +
            <b>Results:</b><br><br>
 +
 +
            <!-- VIDEOS -->
 +
            <video style="display:none" width="20%" id="player5" controls="controls">
 +
              <source src="https://static.igem.org/mediawiki/2017/8/81/2017tongji_wiki_test_video7.mp4" type="video/mp4">
 +
              Your browser does not support the video tag.
 +
            </video>
 +
            <video style="display:none" width="20%" id="player6" controls="controls">
 +
              <source src="https://static.igem.org/mediawiki/2017/7/78/2017tongji_wiki_test_video8.mp4" type="video/mp4">
 +
              Your browser does not support the video tag.
 +
            </video>
 +
 +
            <!-- BUTTONS -->
 +
            <button style="float: left; margin-right:16px" onclick="goFullscreen('player5'); return false" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
 +
              Video 7
 +
            </button>
 +
            <button style="float: left; margin-right:16px" onclick="goFullscreen('player6'); return false" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
 +
              Video 8
 +
            </button>
 +
            <br><br><br>
 +
 +
            The time that the fruit fly use for mating in five minutes:<br>
 +
            There was <b>no</b> courtship in all groups.
 +
            <div class="mdl-card__supporting-text" style="font-size: 75%; text-align:center; margin:auto">
 +
              <!-- <img src="" style="width:100%" alt=""> -->
 +
              <!-- <div style="height:16px"></div> -->
 +
              <!-- There was <b>no</b> courtship in all groups.<br> -->
 +
              [time=5minutes, n=5]
 +
            </div>
 +
 +
          </div>
 +
          <div class="android-drawer-separator"></div>
 +
        </div>
 +
 +
        <!-- Experiment 5 -->
 +
        <div class="demo-card-wide mdl-card mdl-shadow--2dp">
 +
          <div class="mdl-card__title" style="text-align:center">
 +
            <h4 class="mdl-card__title-text" style="font-size: 250%; color:#5a5a5a">Experiment 5</h4>
 +
          </div>
 +
          <div class="mdl-card__supporting-text" style="font-size: 115%">
 +
            <b>Does the co-culture of wild-type and modified fruit flies influence their courtship with wild-type females?</b><br><br>
 +
 +
            We cultivate the wild-type male fruit flies and modified male fruit flies together for 3 days. Then we record their courtship of the females.<br><br>
 +
 +
            <div class="mdl-card__supporting-text" style="font-size: 75%; text-align:center; margin:auto">
 +
              <img src="https://static.igem.org/mediawiki/2017/2/21/2017tongji_wiki_image_test4.png" class="imagelayout chartopacity" alt="Mating Index">
 +
            </div>
 +
            <br>
 +
 +
            <b>Results:</b><br><br>
 +
 +
            Comparison of time that the fruit flies use for mating male or female flies:
 +
            <div class="mdl-card__supporting-text" style="font-size: 75%; text-align:center; margin:auto">
 +
              <img src="https://static.igem.org/mediawiki/2017/7/76/2017tongji_wiki_image_result4.png" class="imagelayout chartopacity" alt="male-male and male-female mating">
 +
              <div style="height:16px"></div>
 +
              Figure 4 - The co-culture of wild-type and modified fruit flies did not affect the courtship of wild-type flies.<br>
 +
              [time=5minutes, n=5, P>0.5]
 +
            </div>
 +
 +
          </div>
 +
          <div class="android-drawer-separator"></div>
 +
        </div>
 +
 +
        <!-- HERE ENDS THE PAGE -->
 +
        <!-- Go back Home -->
 +
        <div class="android-wear-section" style="height:250px">
 +
          <div class="android-wear-band">
 +
            <div class="android-wear-band-text">
 +
              <div class="mdl-typography--display-2 mdl-typography--font-thin">That's it!</div>
 +
              <p class="mdl-typography--headline mdl-typography--font-thin" style="margin-bottom:0px">
 +
                This page has sadly ended, if you want you can go back
 +
              </p>
 +
              <p>
 +
                <a class="mdl-typography--font-regular mdl-typography--text-uppercase android-alt-link" href="">
 +
                  Home&nbsp;<i class="material-icons">chevron_right</i>
 +
                </a>
 +
              </p>
 +
            </div>
 +
          </div>
 +
        </div>
 +
 +
        <footer class="android-footer mdl-mega-footer">
 +
          <div class="mdl-mega-footer--top-section">
 +
            <!-- <div class="mdl-mega-footer--left-section">
 +
              <button class="mdl-mega-footer--social-btn"></button>
 +
              &nbsp;
 +
              <button class="mdl-mega-footer--social-btn"></button>
 +
              &nbsp;
 +
              <button class="mdl-mega-footer--social-btn"></button>
 +
            </div> -->
 +
            <div class="mdl-mega-footer--right-section">
 +
              <a class="mdl-typography--font-light" href="#top">
 +
                Back to Top
 +
                <i class="material-icons">expand_less</i>
 +
              </a>
 +
            </div>
 +
          </div>
 +
 +
          <div class="mdl-mega-footer--middle-section">
 +
            <p class="mdl-typography--font-light" style="text-align:right">This page was adapted from a template from getmdl.io</p>
 +
          </div>
 +
 +
          <!-- <div class="mdl-mega-footer--bottom-section">
 +
            <a class="android-link android-link-menu mdl-typography--font-light" id="version-dropdown">
 +
              iGEM quicklinks
 +
              <i class="material-icons">arrow_drop_up</i>
 +
            </a>
 +
            <ul class="mdl-menu mdl-js-menu mdl-menu--top-left mdl-js-ripple-effect" for="version-dropdown">
 +
              <li class="mdl-menu__item" href="https://2017.igem.org/Main_Page">Home Page</li>
 +
              <li class="mdl-menu__item" href="https://twitter.com/iGEM">Twitter</li>
 +
              <li class="mdl-menu__item" href="https://www.instagram.com/igem_hq/">Instagram</li>
 +
              <li class="mdl-menu__item" href="https://www.facebook.com/iGEMFoundation/">Facebook</li>
 +
            </ul>
 +
            <a class="android-link android-link-menu mdl-typography--font-light" id="developers-dropdown">
 +
              Another expandable
 +
              <i class="material-icons">arrow_drop_up</i>
 +
            </a>
 +
            <ul class="mdl-menu mdl-js-menu mdl-menu--top-left mdl-js-ripple-effect" for="developers-dropdown">
 +
              <li class="mdl-menu__item" href="">Info</li>
 +
              <li class="mdl-menu__item" href="">Info 2</li>
 +
              <li class="mdl-menu__item" href="">More</li>
 +
              <li class="mdl-menu__item" href="">More2</li>
 +
            </ul>
 +
            <a class="android-link mdl-typography--font-light" href="">Blog</a>
 +
            <a class="android-link mdl-typography--font-light" href="">Privacy Policy</a>
 +
          </div> -->
 +
 +
        </footer>
 +
      </div>
 +
    </div>
 +
  </body>
 
</html>
 
</html>

Revision as of 14:38, 30 October 2017


Tongji iGEM - Tests
Tongji iGEM
TongJi iGEM
Tests
A review of the experiments and their results.
expand_more

Experiment 1

Use Real-time PCR to detect whether the expression of TH is increased at 29°C.

Real Time PCR is a laboratory technique of molecular biology based on the polymerase chain reaction (PCR). Real-time PCR is carried out in a thermal cycler with the capacity to illuminate each sample with a beam of light of at least one specified wavelength and detect the fluorescence emitted by the excited fluorophore. The thermal cycler is also able to rapidly heat and chill samples.
The PCR process generally consists of a series of temperature changes that are repeated 25 – 50 times. These cycles normally consist of three stages: the first, at around 95 °C, allows the separation of the nucleic acids' double chain; the second, at a temperature of around 50-60 °C, allows the binding of the primers with the DNA template; the third, at between 68 - 72 °C, facilitates the polymerization carried out by the DNA polymerase.
Due to the small size of the fragments the last step is usually omitted in this type of PCR as the enzyme is able to increase their number during the change between the alignment stage and the denaturing stage. In addition, in fourth step of PCR the fluorescence is measured during short temperature phase lasting only a few seconds in each cycle, with a temperature of, for example, 80 °C, in order to reduce the signal caused by the presence of primer dimers when a non-specific dye is used.
When the intensity of fluorescence reached the threshold that was set before, the machine will record how many cycles went through, this value called CT, through which we can conclusion the relative expression level.

Result:
TH expression
Figure 1 - The relative expression of TH in modified fruit flies increased significantly.

Experiment 2

Detect male-male courtship when raising the temperature.

There are numerous descriptions of the courtship repertoire in male flies, which include: (1) orientation, when the male recognizes the female as an “object of interest” and orients towards her abdomen, generally at a 45 o or 90 o angle; (2) wing extension, when a male extends the wing closest to the female’s field of vision and vibrates it at a specific intensity, creating the courtship song: (3) tapping, when the male extends a foreleg and taps the females abdomen; (4) licking, when the male extends his proboscis and licks the female’s genitalia; (5) curling, when the male curls his abdomen in preparation for mating; and mounting, when the male actually attempts to copulate with the female. As with all behaviors, there is tremendous variability and a male may repeat components of the courtship repertoire, or simply attempt to copulate. We put one modified/wild-type male fly and one wild-type male fly in one observation room. Then Use a digital camera to take the record (5 minutes) and calculate the courtship index. Courtship index (CI) is the percentage of time that the fruit fly use for mating in five minutes.

Mating Index

Results:




Mating index (the relative time that the fruit fly use for mating):
Mating Index
Figure 2 - The mating index of the treated group rises significantly at 29°C.
[time=5minutes, n=5, P<0.01]
-->

Experiment 3

Test the modified Drosophila’ gender preferences.

We put one decapitated wild-type male fly and one decapitated wild-type female fly in front of a modified fruit fly and use a digital camera to take the record (10 minutes) and calculate the preference Index. From the result, we can see whether the sexual preference is maintained.
Preference Index (PI) was calculated according to the following equation: PI = Tm/(Tf +Tm), where Tf and Tm represent the time courter spent courting the female and the male in 10 min, respectively.

Mating Index

Results:




Comparison of time that the fruit flies use for mating male or female flies:
male-male and male-female mating
Figure 3 - The modified fruit flies had no preference for males and females when mating.
[time=10minutes, n=8, P>0.5]

Experiment 4

Test whether the modified fruit flies increase its appeal to males.

We try to put one wild-type and one decapitated modified/wild-type male fly together. Then we use a digital camera to take the record (5 minutes) and calculate the courtship index.

Mating Index

Results:




The time that the fruit fly use for mating in five minutes:
There was no courtship in all groups.
[time=5minutes, n=5]

Experiment 5

Does the co-culture of wild-type and modified fruit flies influence their courtship with wild-type females?

We cultivate the wild-type male fruit flies and modified male fruit flies together for 3 days. Then we record their courtship of the females.

Mating Index

Results:

Comparison of time that the fruit flies use for mating male or female flies:
male-male and male-female mating
Figure 4 - The co-culture of wild-type and modified fruit flies did not affect the courtship of wild-type flies.
[time=5minutes, n=5, P>0.5]
That's it!

This page has sadly ended, if you want you can go back

Home chevron_right