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

Line 175: Line 175:
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
        <!-- Situation -->
 
        <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">Situation</h4>
 
          </div>
 
          <div class="mdl-card__supporting-text" style="font-size: 115%">
 
            Our project aims to control the population of Diptera insects such as mosquitos, which do harm to human health. Among all the Diptera insects, Drosophila melanogaster is the only model creature, which has good methods to culture and operate, so we choose it as chassis to test our design in our project.<br><br>
 
 
            It will be great for us to get accurate changes of the whole population in the natural environment to test our system. But in fact, it is almost impossible for us to observe a small group in a specific area due to the lack of equipment and skills. Although Drosophila melanogaster has been regarded as a model creature for a long history, we only find a little published data about population changes of it. <br><br>
 
            Therefore, building the population growth model can help determine the effect of our system applying to natural environment.<br><br>
 
 
        </div>
 
 
        <!-- Model theory -->
 
        <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">Model theory</h4>
 
          </div>
 
          <div class="mdl-card__supporting-text" style="font-size: 115%">
 
            In 1945, Leslie P H. introduced a mathematical method to predict the age structure and number of population with time by using the age structure of an initial population. Here we use Leslie matrix to make our model better. <br>
 
            According to the physiological characteristics of each individual, the maximum life age is divided into M groups, and then the distribution of age at different time will be discussed. The time is also dispersed into t= 0, 1, 2,... The interval is the same as that of the age group. T= 0 corresponds to the initial time.<br>
 
          Suppose, at the beginning (t= 0), the number of individuals in the I age group was Ni (0), i= 1, 2,... M. so the vector is: <br>
 
 
            a formula should be here <br>
 
         
 
            The reproductive rate of the I age group is f i (0) ,i= 1, 2,... M; survival rate was S I (> 0), i= 1, 2,... m - 1. Between two periods, there is an iterative relationship between the number of individuals in each age group ni:<br>
 
 
            a formula should be here <br>
 
 
          Make the matrix:<br>
 
 
            a formula should be here <br>
 
 
          Here is a part of result shows the differences between the proportions of female flies that can produce normal offspring in two different conditions are shown in Figure 1. <br>
 
 
            <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="width:100%; position: relative">
 
              <img src="https://2017.igem.org/File:2017tongji_image_demo_1.jpg" alt="NO DESCRIPTION" style="width:100%">
 
              <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#0F0F0F">
 
                <!-- white:#f0f0f0 or black:#0F0F0F -->
 
                <!-- NO DESCRIPTION -->
 
              </div>
 
            </div>
 
          </div>
 
          <div class="android-drawer-separator"></div>
 
        </div>
 
 
       
 
        It can be seen that in the case of the small mating rate, the inhibition effect of releasing sterile male flies with male-male courtship is more obvious to reducing population quantity, which is consistent with the purpose of our modeling.<br>
 
 
          Here also shows the result (Figure 2) when the number of modified fruit flies was five times as large as the wild flies and the mating rate is 0.4, the effect on the final population in 15 days. (The yellow line represents the sterile male flies with male-male courtship, and the purple line represents the sterile male flies)<br>
 
 
<div class="demo-card-wide mdl-card mdl-shadow--2dp" style="width:100%; position: relative">
 
              <img src="https://2017.igem.org/File:2017tongji_image_demo_2.jpg" alt="NO DESCRIPTION" style="width:100%">
 
              <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#0F0F0F">
 
                <!-- white:#f0f0f0 or black:#0F0F0F -->
 
                <!-- NO DESCRIPTION -->
 
              </div>
 
            </div>
 
          </div>
 
          <div class="android-drawer-separator"></div>
 
        </div>
 
 
See more details<br>
 
 
<!-- Conclusion -->
 
        <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">Conclusion</h4>
 
          </div>
 
          <div class="mdl-card__supporting-text" style="font-size: 115%">
 
       
 
Based on the historical data and experimental observations, we simulate the population change of both modified and wild type Drosophila melanogaster in natural environment. It indicates that the introduction of modified Drosophila into wild populations can indeed control the population of whole group even in one or two weeks. It really provides us a new method to control the population.<br>
 
 
<!-- Future -->
 
        <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">Future</h4>
 
          </div>
 
          <div class="mdl-card__supporting-text" style="font-size: 115%">
 
 
        In the future, we are planning to introduce some specific parts to make infertile male flies which combined with existing male-male courtship features to strengthen the effect. We can also screen out more Gal80 temperature-dependent variants so that we can make our system be good use at different temperature areas. What’s more, we are trying to combine the different parts in our system into only one chromosome to enhance the heritability. We sincerely hope that what we do here can lead to the final application in the natural environment.<br>
 
         
 
 
 
     
 
            </div>
 
            <br>
 
 
              <!-- <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#0F0F0F">
 
                white:#f0f0f0 or black:#0F0F0F
 
                NO DESCRIPTION
 
              </div> -->
 
            </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>
 
 
        <!-- <div class="android-customized-section">
 
          <div class="android-customized-section-text">
 
            <div class="mdl-typography--font-light mdl-typography--display-1-color-contrast">We would like to thanks those who helped us</div>
 
            <p class="mdl-typography--font-light">
 
              Like our fantastic advisors, some other people and maybe even a couple of companies!
 
              <br>
 
              <a href="" class="android-link mdl-typography--font-light">Find out about our team and our friends</a>
 
            </p>
 
          </div>
 
          <div class="android-customized-section-image"></div>
 
        </div> -->
 
 
        <!-- Quick links -->
 
        <div class="android-more-section">
 
          <div class="android-section-title mdl-typography--display-1-color-contrast">Or follow these links for more awesomeness!</div>
 
          <div class="android-card-container mdl-grid">
 
            <div class="mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone mdl-card mdl-shadow--3dp">
 
              <!-- <div class="mdl-card__media">
 
                <img src="2017tongji_images/more-from-1.png">
 
              </div> -->
 
              <div class="mdl-card__title">
 
                <h4 class="mdl-card__title-text">Team</h4>
 
              </div>
 
              <div class="mdl-card__supporting-text">
 
                <span class="mdl-typography--font-light mdl-typography--subhead">Meet the people behind the project</span>
 
              </div>
 
              <div class="mdl-card__actions">
 
                <a class="android-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China/Team">
 
                  Say hi
 
                  <i class="material-icons">chevron_right</i>
 
                </a>
 
              </div>
 
            </div>
 
 
            <div class="mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone mdl-card mdl-shadow--3dp">
 
              <!-- <div class="mdl-card__media">
 
                <img src="2017tongji_images/more-from-4.png">
 
              </div> -->
 
              <div class="mdl-card__title">
 
                <h4 class="mdl-card__title-text">Project</h4>
 
              </div>
 
              <div class="mdl-card__supporting-text">
 
                <span class="mdl-typography--font-light mdl-typography--subhead">Here you can find the project details</span>
 
              </div>
 
              <div class="mdl-card__actions">
 
                <a class="android-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China/Description">
 
                  Discover more
 
                  <i class="material-icons">chevron_right</i>
 
                </a>
 
              </div>
 
            </div>
 
 
            <div class="mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone mdl-card mdl-shadow--3dp">
 
              <!-- <div class="mdl-card__media">
 
                <img src="2017tongji_images/more-from-2.png">
 
              </div> -->
 
              <div class="mdl-card__title">
 
                <h4 class="mdl-card__title-text">Parts</h4>
 
              </div>
 
              <div class="mdl-card__supporting-text">
 
                <span class="mdl-typography--font-light mdl-typography--subhead">Parts are the heart of iGEM</span>
 
              </div>
 
              <div class="mdl-card__actions">
 
                <a class="android-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China/Parts">
 
                  Discover ours
 
                  <i class="material-icons">chevron_right</i>
 
                </a>
 
              </div>
 
            </div>
 
 
            <div class="mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone mdl-card mdl-shadow--3dp">
 
              <!-- <div class="mdl-card__media">
 
                <img src="2017tongji_images/more-from-3.png">
 
              </div> -->
 
              <div class="mdl-card__title">
 
                <h4 class="mdl-card__title-text">Attributions</h4>
 
              </div>
 
              <div class="mdl-card__supporting-text">
 
                <span class="mdl-typography--font-light mdl-typography--subhead">Many people are involved in the project</span>
 
              </div>
 
              <div class="mdl-card__actions">
 
                <a class="android-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="">
 
                  Find out more
 
                  <i class="material-icons">chevron_right</i>
 
                </a>
 
              </div>
 
            </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>
 

Revision as of 17:02, 27 October 2017


Tongji iGEM - InterLab