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

(Prototype team page)
 
Line 1: Line 1:
−
{{Tongji_China}}
+
<!-- This document, originally from getmdl.io, was modified -->
−
<html>
+
  
 +
<!--
 +
  Material Design Lite
 +
  Copyright 2015 Google Inc. All rights reserved.
  
 +
  Licensed under the Apache License, Version 2.0 (the "License");
 +
  you may not use this file except in compliance with the License.
 +
  You may obtain a copy of the License at
  
 +
      https://www.apache.org/licenses/LICENSE-2.0
  
−
<div class="column full_size">
+
  Unless required by applicable law or agreed to in writing, software
−
<h1>Design</h1>
+
  distributed under the License is distributed on an "AS IS" BASIS,
−
<p>
+
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
−
Design is the first step in the design-build-test cycle in engineering and synthetic biology. Use this page to describe the process that you used in the design of your parts. You should clearly explain the engineering principles used to design your project.
+
  See the License for the specific language governing permissions and
−
</p>
+
  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 - Design</title>
  
−
<p>
+
    <script src="https://2017.igem.org/Template:Tongji_China/Javascript?action=raw&ctype=text/javascript"></script>
−
This page is different to the "Applied Design Award" page. Please see the <a href="https://2017.igem.org/Team:Tongji_China/Applied_Design">Applied Design</a> page for more information on how to compete for that award.
+
−
</p>
+
  
−
</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>What should this page contain?</h5>
+
    #view-source {
−
<ul>
+
      position: fixed;
−
<li>Explanation of the engineering principles your team used in your design</li>
+
      display: block;
−
<li>Discussion of the design iterations your team went through</li>
+
      right: 0;
−
<li>Experimental plan to test your designs</li>
+
      bottom: 0;
−
</ul>
+
      margin-right: 40px;
 +
      margin-bottom: 40px;
 +
      z-index: 900;
 +
    }
  
−
</div>
+
    .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="column half_size">
+
    .mdl-card__title-text {
−
<h5>Inspiration</h5>
+
      padding-top: 20px;
−
<ul>
+
    }
−
<li><a href="https://2016.igem.org/Team:MIT/Experiments/Promoters">2016 MIT</a></li>
+
−
<li><a href="https://2016.igem.org/Team:BostonU/Proof">2016 BostonU</a></li>
+
−
<li><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">2016 NCTU Formosa</a></li>
+
−
</ul>
+
−
</div>
+
  
 +
    .mdl-card__supporting-text {
 +
      line-height: 130%;
 +
    }
  
 +
    /*@-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%;
 +
      opacity: 0.8;
 +
    }
 +
 +
    .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);
 +
    </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;">Design</div>
 +
          <div class="logo-font android-sub-slogan" style="color:#757575;">
 +
 +
            <i class="material-icons">expand_more</i>
 +
          </div>
 +
        </div>
 +
 +
        <!-- Pathway Design -->
 +
        <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">Pathway Design</h4>
 +
          </div>
 +
          <div class="mdl-card__supporting-text" style="font-size: 115%">
 +
            To control the expression of dopamine by temperature changing, we design three pathway: pleP-Gal4, pleP-Gal80ts and UAS-TH. pleP is a specific promoter in fruit fly’s cell which could express dopamine. The product TH express is a rate-limiting enzyme in the dopamine’s synthesis. The activity of Gal80ts is temperature dependent.<br><br>
 +
            <video width="100%" controls>
 +
              <source src="https://static.igem.org/mediawiki/2017/d/d8/2017tongji_wiki_mp4_Design_1.mp4" type="video/mp4">
 +
              Your browser does not support the video tag.
 +
            </video>
 +
            <br>
 +
            At 18-25°C (the optimum temperature for fruit flies’ growth), it has the activity binding to Gal4, which will eliminate the effect Gal4 binding to UAS, then downstream gene TH will not express and the expression level of dopamine is normal.<br><br>
 +
            <video width="100%" controls>
 +
              <source src="https://static.igem.org/mediawiki/2017/a/ab/2017tongji_wiki_mp4_Design_2.mp4" type="video/mp4">
 +
              Your browser does not support the video tag.
 +
            </video>
 +
            <br>
 +
            When the temperature is up to 29℃, Gal80ts will be inactivated, then Gal4 works properly, binding to Gal4 binding sequence on UAS, and start the expression of downstream gene TH which will leads to the overexpression of dopamine in Drosophila.
 +
          </div>
 +
          <div class="android-drawer-separator"></div>
 +
        </div>
 +
 +
        <!-- Behavior test design -->
 +
        <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">Behavior test design</h4>
 +
          </div>
 +
          <div class="mdl-card__supporting-text" style="font-size: 115%">
 +
            After the plasmid build, we want to test the function and effect of our system in fruit flies.<br>
 +
            Can our system affect the phenotype of fruit flies? Did the modified fruit fly maintain this sexual preference during courtship like most wild-type male flies? Will they attract other male fruit flies?<br>
 +
            Does the phenotype of the modified fruit fly affect wild-type flies? According to previous studies, transgenic fruit flies have far less survivability than wild-type flies. Is the viability of our modified fruit flies affected? What about the spawning of female flies that mate with modified flies? Will the modified fruit fly cause a change in the mating rate of the population?<br><br>
 +
            <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="width:100%; position: relative">
 +
              <img src="https://static.igem.org/mediawiki/2017/c/cf/2017tongji_wiki_image_design1.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>
 +
            <br>
 +
            In order to make clear these questions, we design and complete the behavior test.
 +
          </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 19:46, 29 October 2017


Tongji iGEM - Design
Tongji iGEM
TongJi iGEM
Design
expand_more

Pathway Design

To control the expression of dopamine by temperature changing, we design three pathway: pleP-Gal4, pleP-Gal80ts and UAS-TH. pleP is a specific promoter in fruit fly’s cell which could express dopamine. The product TH express is a rate-limiting enzyme in the dopamine’s synthesis. The activity of Gal80ts is temperature dependent.


At 18-25°C (the optimum temperature for fruit flies’ growth), it has the activity binding to Gal4, which will eliminate the effect Gal4 binding to UAS, then downstream gene TH will not express and the expression level of dopamine is normal.


When the temperature is up to 29℃, Gal80ts will be inactivated, then Gal4 works properly, binding to Gal4 binding sequence on UAS, and start the expression of downstream gene TH which will leads to the overexpression of dopamine in Drosophila.

Behavior test design

After the plasmid build, we want to test the function and effect of our system in fruit flies.
Can our system affect the phenotype of fruit flies? Did the modified fruit fly maintain this sexual preference during courtship like most wild-type male flies? Will they attract other male fruit flies?
Does the phenotype of the modified fruit fly affect wild-type flies? According to previous studies, transgenic fruit flies have far less survivability than wild-type flies. Is the viability of our modified fruit flies affected? What about the spawning of female flies that mate with modified flies? Will the modified fruit fly cause a change in the mating rate of the population?

NO DESCRIPTION

In order to make clear these questions, we design and complete the behavior test.
That's it!

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

Home chevron_right