Difference between revisions of "Team:UI Indonesia/Parts"

 
(39 intermediate revisions by 3 users not shown)
Line 10: Line 10:
 
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
 
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
 
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 +
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 
</head>
 
</head>
  
Line 53: Line 54:
 
   }
 
   }
  
  .navbar {
+
  <!---- MT NAVBAR --->
    background-color: #4CAF50;
+
.sidebar-nav {
    position: fixed;
+
  padding: 9px 0;
    top: 10px ;
+
}
    width: 100%;
+
    z-index:50;
+
  }
+
  
  .navbar a {
+
.dropdown-menu .sub-menu {
    float: left;
+
  left: 100%;
    color: white;
+
  position: absolute;
    text-align: center;
+
  top: 0;
    padding-top: 20px;
+
  visibility: hidden;
    padding-bottom: 10px;
+
  margin-top: -1px;
    padding-right: 10px;
+
}
    padding-left: 10px;
+
    text-decoration: none;
+
    font-size: 16px;
+
  }
+
  
  .dropdown {
+
.dropdown-menu li:hover .sub-menu {
    float: left;
+
  visibility: visible;
    overflow: hidden;
+
}
  }
+
  
  .dropdown .dropbtn {
+
.dropdown:hover .dropdown-menu {
    font-size: 8px;  
+
  display: block;
    border: none;
+
}
    outline: none;
+
    color: #f9c89b;
+
    padding: 15px 10px;
+
    background-color: inherit;
+
  }
+
  
  .navbar a:hover, .dropdown:hover .dropbtn {
+
.nav-tabs .dropdown-menu,
    background-color: #8bc34a;
+
.nav-pills .dropdown-menu,
  }
+
.navbar .dropdown-menu {
 +
  margin-top: 0;
 +
}
  
  .dropdown-content {
+
.navbar .sub-menu:before {
    display: none;
+
  border-bottom: 7px solid transparent;
    position: absolute;
+
  border-left: none;
    background-color: #ddffdd;
+
  border-right: 7px solid rgba(0, 0, 0, 0.2);
    min-width: 160px;
+
  border-top: 7px solid transparent;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
  left: -7px;
    z-index: 100;
+
  top: 10px;
    top: 60px;
+
}
    font-size: 8 px;
+
  }
+
  
  .dropdown-content a {
+
.navbar .sub-menu:after {
    float: none;
+
  border-top: 6px solid transparent;
    color: black;
+
  border-left: none;
    padding: 12px 18px;
+
  border-right: 6px solid #fff;
    text-decoration: none;
+
  border-bottom: 6px solid transparent;
    display: block;
+
  left: 10px;
    text-align: left;
+
  top: 11px;
   }
+
   left: -6px;
 +
}  
  
  .dropdown-content a:hover {
+
.dropdown>ul{
    background-color: #8bc34a;
+
background-color:#ddffdd;
  }
+
}
  
  .dropdown:hover .dropdown-content {
+
.dropdown:hover{
     display: block;
+
background-color:#9ff99f;
    position: fixed;
+
}
   }
+
.navbar-header:hover{
 +
background-color:#4CAF50;
 +
}
 +
.dropdown-menu>li>a:hover{
 +
background-color:#4CAF50; 
 +
}
 +
.navbar-nav>li:hover{
 +
background-color:#4CAF50;
 +
}
 +
 
 +
.navbar-default{
 +
background-color:#1F2421}
 +
border-color:none;
 +
}
 +
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover{
 +
color:white;}
 +
.navbar-default .navbar-brand{
 +
color:white;}
 +
.navbar-default .navbar-nav>li>a{
 +
color:white;
 +
}
 +
 
 +
.dropdown-menu{
 +
background-color:#ddffdd;
 +
}
 +
.current{
 +
     background-color:#4CAF50; 
 +
}
 +
.navbar-default .navbar-nav>.open>a{
 +
background-color:1F2421;color:white;}
 +
 
 +
.navbar{
 +
margin:0px;border:0px;}
 +
h5{
 +
font-size:20px;
 +
text-align:justify;
 +
}
 +
h6{
 +
font-size:16px;
 +
}
 +
.ref{
 +
font-size:18px;
 +
}
 +
#myBtn {
 +
  display: none;
 +
  position: fixed;
 +
   bottom: 20px;
 +
  right: 30px;
 +
  z-index: 99;
 +
  font-size: 18px;
 +
  border: none;
 +
  outline: none;
 +
  background-color:transparent;
 +
  color: white;
 +
  cursor: pointer;
 +
  padding: 15px;
 +
  border-radius: 4px;
 +
}
 +
 
 +
#myBtn:hover {
 +
  background-color: #555;
 +
}
 +
 
 +
table {
 +
    font-family: arial, sans-serif;
 +
    border-collapse: collapse;
 +
    width: 100%;
 +
}
 +
 
 +
td, th {
 +
    border: 1px solid #dddddd;
 +
    text-align: left;
 +
    padding: 8px;
 +
}
  
 +
tr:first-child {
 +
    background-color: #dddddd;
 
</style>
 
</style>
  
 
<body>
 
<body>
 +
<button onclick="topFunction()" id="myBtn" title="Go to top"><img src="https://image.flaticon.com/icons/png/512/14/14747.png" style="width:50px;height:50px;"></button>
 +
 
<!-- Navbar -->
 
<!-- Navbar -->
<div class="navbar">
+
<nav class="navbar navbar-default">
   <!-- 1 -->
+
  <div class="navbar-inner">
  <a href="https://2018.igem.org/Team:UI_Indonesia">Home</a>
+
   <div class="container-fluid">
  <!-- 2 -->
+
    <div class="navbar-header">
  <div class="dropdown">
+
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
    <a href="https://2018.igem.org/Team:UI_Indonesia/Project">Project▾</a>
+
        <span class="icon-bar"></span>
      <div class="dropdown-content">
+
        <span class="icon-bar"></span>
        <a href="https://2018.igem.org/Team:UI_Indonesia/Project#overview">Overview</a>
+
        <span class="icon-bar"></span>                       
        <a href="https://2018.igem.org/Team:UI_Indonesia/Project#ourproject">Our Project</a>
+
      </button>
        <a href="https://2018.igem.org/Team:UI_Indonesia/Project#resultsanddiscuccions">Results and Discussions</a>
+
      <a class="navbar-brand" href="https://2018.igem.org/Team:UI_Indonesia">Home</a>
      </div>
+
    </div>
  </div>
+
    <div class="collapse navbar-collapse" id="myNavbar">
  <!-- 3 -->
+
      <ul class="nav navbar-nav navbar-right">
  <div class="dropdown">
+
        <li class="dropdown navbar-project">
     <a class="w3-bar-item w3-light-green" href="https://2018.igem.org/Team:UI_Indonesia/Parts">Parts</a>
+
          <a href="https://2018.igem.org/Team:UI_Indonesia/Project">Project<span class="caret"></span></a>
<!--      <div class="dropdown-content">
+
          <ul class="dropdown-menu">
        <a href="https://2018.igem.org/Team:UI_Indonesia/Parts#">Overview</a>
+
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/Project#">Overview</a></li>
        <a href="https://2018.igem.org/Team:UI_Indonesia/Parts#">Our Project</a>
+
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/Project#ourproject">Our Project</a></li>
        <a href="https://2018.igem.org/Team:UI_Indonesia/Parts#">Results and Discussions</a>
+
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/Project#resultsanddiscuccions">Results and Discussions</a></li>
       </div> -->
+
          </ul>
  </div>
+
        </li>
  <!-- 4 -->
+
        <li class="navbar-parts current"><a href="https://2018.igem.org/Team:UI_Indonesia/Parts">Parts</a></li>
  <a href="https://2018.igem.org/Team:UI_Indonesia/Safety">Safety</a>
+
     <li class="navbar-safety"><a href="https://2018.igem.org/Team:UI_Indonesia/Safety">Safety</a></li>
  <!-- 5 -->
+
    <li class="dropdown navbar-interlab">
  <div class="dropdown">
+
          <a href="https://2018.igem.org/Team:UI_Indonesia/InterLab">InterLab<span class="caret"></span></a>
    <a href="https://2018.igem.org/Team:UI_Indonesia/InterLab"">InterLab▾</a>
+
          <ul class="dropdown-menu">
      <div class="dropdown-content">
+
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#intro">Introduction</a></li>
        <a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#intro">Introduction</a>
+
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#materials">Materials and Equipment</a></li>
        <a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#materials">Materials and Equipment</a>
+
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#methods">Methods</a></li>
        <a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#methods">Methods</a>
+
      <li><a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#results">Results and Discussions</a></li>
        <a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#results">Results and Discussions</a>
+
       <li><a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#conclusions">Conclusions</a></li>
         <a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#conclusions">Conclusions</a>
+
          </ul>
       </div>
+
        </li>
 +
    <li class="navbar-model"><a href="https://2018.igem.org/Team:UI_Indonesia/Model">Model</a></li>
 +
    <li class="dropdown navbar-humanpractice">
 +
          <a href="https://2018.igem.org/Team:UI_Indonesia/Human_Practices">Human Practices<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/Human_Practices">Integrated Human Practice</a></li>
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/Public_Engagement">Education and Public Engagement</a></li>
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/Human_Practices#catalogue">Human Practice Catalogue</a></li>
 +
          </ul>
 +
    </li>
 +
    <li class="navbar-improve"><a href="https://2018.igem.org/Team:UI_Indonesia/Improve">Improve</a></li>
 +
    <li class="navbar-team"><a href="https://2018.igem.org/Team:UI_Indonesia/Team">Team</a></li>
 +
    <li class="navbar-collaborations"><a href="https://2018.igem.org/Team:UI_Indonesia/Collaborations">Collaborations</a></li>
 +
         <li class="dropdown navbar-attributions">
 +
          <a href="https://2018.igem.org/Team:UI_Indonesia/Attributions">Attributions<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/MedalCriteria">Medal Criteria</a></li>
 +
          </ul>
 +
        </li>
 +
       </ul>
 +
    </div>
 
   </div>
 
   </div>
  <!-- 6 -->
 
  <div class="dropdown">
 
    <a href="https://2018.igem.org/Team:UI_Indonesia/Model">Model</a>
 
<!--      <div class="dropdown-content">
 
        <a href="https://2018.igem.org/Team:UI_Indonesia/Model#">Overview</a>
 
        <a href="https://2018.igem.org/Team:UI_Indonesia/Model#">Our Project</a>
 
        <a href="https://2018.igem.org/Team:UI_Indonesia/Model#">Results and Discussions</a>
 
      </div> -->
 
 
   </div>
 
   </div>
  <!-- 7 -->
+
</nav>
  <div class="dropdown">
+
    <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices">Human Practices▾</a>
+
      <div class="dropdown-content">
+
        <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#campuscampaign">Campus Campaign</a>
+
        <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#socialwork">Social Work</a>
+
        <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#biotraining">Biosafety & Biosecurity Training</a>
+
        <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#catalogue">Human Practice Catalogue</a>
+
      </div>
+
  </div>
+
  <!-- 8 -->
+
  <div class="dropdown">
+
    <a href="https://2018.igem.org/Team:UI_Indonesia/Improve">Improve</a>
+
<!--      <div class="dropdown-content">
+
        <a href="https://2018.igem.org/Team:UI_Indonesia/Improve#">Overview</a>
+
        <a href="https://2018.igem.org/Team:UI_Indonesia/Improve#">Our Project</a>
+
        <a href="https://2018.igem.org/Team:UI_Indonesia/Improve#">Results and Discussions</a>
+
      </div> -->
+
  </div>
+
  <!-- 9 -->
+
  <a href="https://2018.igem.org/Team:UI_Indonesia/Team">Team</a>
+
  <!-- 10 -->
+
  <a href="https://2018.igem.org/Team:UI_Indonesia/Collaborations">Collaborations</a>
+
  <!-- 11 -->
+
  <div class="dropdown">
+
    <a href="https://2018.igem.org/Team:UI_Indonesia/Attributions">Attributions</a>
+
<!--      <div class="dropdown-content">
+
        <a href="https://2018.igem.org/Team:UI_Indonesia/Attributions#">Overview</a>
+
        <a href="https://2018.igem.org/Team:UI_Indonesia/Attributions#">Our Project</a>
+
        <a href="https://2018.igem.org/Team:UI_Indonesia/Attributions#">Results and Discussions</a>
+
      </div> -->
+
  </div>
+
</div>
+
  
 
<!-- Container (Affitoxin Section) -->
 
<!-- Container (Affitoxin Section) -->
 
<div class="bgimg-3 w3-display-container w3-opacity-min" id="affitoxin">
 
<div class="bgimg-3 w3-display-container w3-opacity-min" id="affitoxin">
 
   <div class="w3-display-middle" style="white-space:nowrap;">
 
   <div class="w3-display-middle" style="white-space:nowrap;">
     <span class="w3-center w3-padding-large w3-black w3-xlarge w3-wide w3-animate-opacity">AFFITOXIN</span>
+
     <span class="w3-center w3-padding-large w3-black w3-xlarge w3-wide w3-animate-opacity">DIPHTOX</span>
 
   </div>
 
   </div>
 
</div>
 
</div>
  
 
<div class="w3-content w3-container w3-padding-64">
 
<div class="w3-content w3-container w3-padding-64">
   <h5>Using the <i>wild-type</i> diphtheria exotoxin to characterize HBEGF-TAR receptor could be harmful due to biosafety reason. To tackle this problem, our team design a much simplified diphtheria toxin by removing the domain that is deadly to the cell. This domain, named domain C, will be translocated into the cell with the aid of other domains in toxin called domain R and domain T. Additionally, R domain recognized the natural HBEGF receptor, and T domain will insert the C domain into the cell. Thus, C domain would catalyze NAD-dependent ADP-ribosylation of EF-2 and leads to cellular apoptosis<sup>1</sup>. This remodeled toxin, coined Affitoxin, is incorporated in the plasmids (such as pSB1C3 and pEQ80L) along with the following parts.</h5><br>
+
   <h5>Using the <i>wild-type</i> diphtheria exotoxin to characterize HB-EGF/Tar receptor could be harmful due to biosafety reason. To tackle this problem, our team design a much simplified diphtheria toxin by removing the domain that is deadly to the cell. This domain, named domain C, will be translocated into the cell with the aid of other domains in toxin called domain R and domain T. Additionally, R domain recognized the natural HBEGF receptor, and T domain will insert the C domain into the cell. Thus, C domain would catalyze NAD-dependent ADP-ribosylation of EF-2 and leads to cellular apoptosis<sup>1</sup>. This remodeled toxin, coined DiphTox, is incorporated in the plasmids (such as pSB1C3 and pEQ80L) along with the following parts.</h5><br>
  
 
   <div class="w3-row w3-center">
 
   <div class="w3-row w3-center">
     <img src="https://static.igem.org/mediawiki/2018/1/11/T--UI_Indonesia--partsf1.png" class="w3-image" width="500">
+
     <img src="https://static.igem.org/mediawiki/2018/5/54/T--UI_Indonesia--partsf1diphtox.png" class="w3-image" width="500">
   <h6><b>Figure 1.</b> Affitoxin Biobrick.</h6></div><br>
+
   <h6><b>Figure 1.</b> DiphTox Biobrick.</h6></div><br>
  
   <h5>Amplification of single biobrick are done via PCR cloning using ‘self-made’ universal forward (Primer Cloning Fwd) and reverse primers (Primer Cloning Rev). The following sequences are the primers for PCR cloning.<br>
+
   <h5>Amplification of single biobrick are done via PCR cloning using ‘self-made’ universal forward (Primer Cloning Fwd) and reverse primers (Primer Cloning Rev). The following sequences are the primers for PCR cloning.</h5>
     <ol>
+
  <br>
       <li>PCR cloning primer forward : 5’ AGTTCAAGTGTCCGAGAA 3’<br>Specifications:</li>
+
  <div class="w3-row w3-center">
         <ul style="list-style-type:circle">
+
     <table>
          <li>Melting Temperature (Tm)&ensp;&ensp;&ensp;: 60.2<sup>o</sup>C</li>
+
       <tr>
          <li>GC content&ensp;&ensp;&ensp;&ensp;&ensp;: 44.4%Tea</li>
+
        <th>Primers</th>
          <li>Hairpin structure energy formation&ensp;: 0.64 kcal/mol</li>
+
         <th>Sequence</th>
          <li>Self-dimer energy formation&ensp;&ensp;: -3.61 kcal/mol</li>
+
        <th>Melting Temperatures (Tm)</th>
        </ul>
+
        <th>GC Content (%)</th>
       <li>PCR cloning primer reverse : 5’ TAAGCGAGTGCCGTATTA 3’<br>Specifications:</li>
+
        <th>Hairpin Structure Energy Formation (kcal/mol)</th>
         <ul style="list-style-type:circle">
+
        <th>Self-dimer Energy Formation (kcal/mol)</th>
          <li>Melting Temperature (Tm)            : 60.1<sup>o</sup>C</li>
+
      </tr>
          <li>GC content                          : 44.4%Tea</li>
+
      <tr>
          <li>Hairpin structure energy formation  : -1.36 kcal/mol</li>
+
        <td>Fwd Cloning</td>
          <li>Self-dimer energy formation        : -3.61 kcal/mol</li>
+
        <td>5’ AGTTCAAGTGTCCGAGAA 3’</td>
        </ul>
+
        <td>60.2<sup>0</sup>C</td>
    </ol>
+
        <td>44.4%</td>
 +
        <td>0.64</td>
 +
        <td>-3.61</td>
 +
      </tr>
 +
       <tr>
 +
        <td>Rev Cloning</td>
 +
         <td>5’ TAAGCGAGTGCCGTATTA 3’</td>
 +
        <td>60.1<sup>0</sup>C</td>
 +
        <td>44.4%</td>
 +
        <td>-1.36</td>
 +
        <td>-3.61</td>
 +
      </tr>
 +
    </table>
 +
    <h6><b>Table 1.</b> PCR Cloning Amplification Primers</h6>
 +
  </div>
 +
  <br>
 +
  <h5>Note: Both heterodimer energy formations are -3.61 kcal/mol. Additionally, the predicted specifications are based on <i>IDT Oligo Analyzer 3.1</i> <a href="https://sg.idtdna.com/calc/analyzer" style="color:blue">server.</a> PCR solution is predicted to contain 0.2 mM dNTP, 50 mM Na<sup>+</sup>, 5 mM Mg<sup>2+</sup>, and 0.3 mM oligos.
 
   </h5><br>
 
   </h5><br>
  
   <h3><b>LuxAB-eYFP Fluorescence Resonance Energy Transfer (FRET) System<b></h3>
+
   <h5>Confirmation of gBlocks insertion into plasmid could be confirmed using PCR colony method using following primer. Note that HbT1 Fwd and HbT2 Rev is the same primer used in HT fragments to do in DipthTox gBlocks.</h5>
  <h5>Basically, a molecule is excited to higher energy state when it absorbs a photon energy. This molecule relaxes back to ground state when the energy is emitted back to the environment or transferred into another molecule. FRET is a phenomenon in which non-radioactive energy is transferred from excited donor molecule to acceptor molecule via dipole-dipole interactions. Molecules involved in this phenomenon are called fluorophores as they emit fluorescence according to their respective emission spectrum after absorbing higher photon energy. The fluorescence emission spectrum of donor fluorophore must overlap with the absorption and emission spectrum of acceptor fluorophore for FRET to occur. Furthermore, the efficiency of energy transfer is highly influenced by the physical proximity of interacting fluorophores, being the most efficient at several nanometers. Hence, FRET can be applicated to study the distance of macromolecules such as proteins at molecular level.</h5>
+
  <br>
   <h5>LuxAB and eYFP are one of the most widely studied paired fluorophores. In this case, LuxAB is the donor fluorophore as it emits cyan colored light with relatively high energy (peak emission at 490 nm). eYFP serves as the acceptor fluorophore when in close contact with LuxAB, as it absorbs high energy from LuxAB that is overlapped with its own absorption spectrum and emits yellow colored light with lower energy (peak emission at 530 nm). To be utilized in macromolecules interaction studies, LuxAB and eYFP should be incorporated with the molecules of interest. When the molecules of interest are in contact, energy transfer between LuxAB and eYFP will happen and its efficiency can be measured with fluorescence-lifetime imaging microscopy method.</h5><br>
+
  <div class="w3-row w3-center">
 +
    <table>
 +
      <tr>
 +
        <th>Primers</th>
 +
        <th>Sequence</th>
 +
        <th>Melting Temperatures (Tm)</th>
 +
        <th>GC Content (%)</th>
 +
        <th>Hairpin Structure Energy Formation (kcal/mol)</th>
 +
        <th>Self-dimer Energy Formation (kcal/mol)</th>
 +
      </tr>
 +
      <tr>
 +
        <td>HbT1 Fwd</td>
 +
        <td>5’ CTTACGCTTCTGCCACAT 3’</td>
 +
        <td>61.7<sup>0</sup>C</td>
 +
        <td>50%</td>
 +
        <td>-0.84</td>
 +
        <td>-3.61</td>
 +
      </tr>
 +
      <tr>
 +
        <td>HbT2 Rev</td>
 +
        <td>5’ CCCCTGACTGAGCATGAT 3’</td>
 +
        <td>62.8<sup>0</sup>C</td>
 +
        <td>55.6%</td>
 +
        <td>0.57</td>
 +
        <td>-5.38</td>
 +
      </tr>
 +
    </table>
 +
    <h6><b>Table 2.</b> Detailed data for DiphTox PCR colony primers</h6><br>
 +
  </div>
 +
  <br>
 +
  <h5>Note: Both heterodimer energy formation exhibits -5.04 kcal/mol free energy.</h5><br>
 +
 
 +
   <h5>For iGEM biobrick submission, we would use prefix and suffix that contain EcoRI and PstI. Further characterization of the biobrick of DiphTox could be accessed via <a href="http://parts.igem.org/Part:BBa_K2607000" style="color:blue">http://parts.igem.org/Part:BBa_K2607000</a>. HindIII site and BamHI are inserted upstream from prefix and downstream from suffix respectively. The DiphTox contains only the last 54 amino acid from the R domain which has no cytotoxicity and significant enough to bind with HBEGF receptor<sup>2</sup>. At the downstream of the sequence, designing six histidine amino acids is essential for His-tag protein purification, as well as characterizing the DiphTox and HB-EGF/Tar receptor kinetics. Ribosome Binding Site (RBS) is located upstream within the gBlocks containing Shine-Dalgarno sequence as follow.<br>
 +
  RBS : 5' GAGCGGATTATATAAGGAGGTTAATC 3’
 +
  </h5><br>
 
</div>
 
</div>
  
<!-- Container (HBEGF-Tar Section) -->
+
<!-- Container (HB-EGF/Tar Section) -->
 
<div class="bgimg-3 w3-display-container w3-opacity-min" id="hbegftar">
 
<div class="bgimg-3 w3-display-container w3-opacity-min" id="hbegftar">
 
   <div class="w3-display-middle" style="white-space:nowrap;">
 
   <div class="w3-display-middle" style="white-space:nowrap;">
     <span class="w3-center w3-padding-large w3-black w3-xlarge w3-wide w3-animate-opacity">HBEGF-TAR</span>
+
     <span class="w3-center w3-padding-large w3-black w3-xlarge w3-wide w3-animate-opacity">HB-EGF/Tar</span>
 
   </div>
 
   </div>
 
</div>
 
</div>
  
 
<div class="w3-content w3-container w3-padding-64">
 
<div class="w3-content w3-container w3-padding-64">
   <h5>Diphtheria is becoming a prominent issue in Indonesia as its incidence is increasing recently. It also causes various complications, leading to morbidity and mortality. We realized the urgency of fast, reliable, and cheap early detection method for diphtheria infection as one of means necessary for its eradication. Therefore, we created a chimeric between native <i>Escherichia coli</i> Tar chemotaxis receptor and human HB-EGF receptor so the bacterium may recognize diphtheria toxin. Moreover, we combined CheA and CheY in E. coli chemotaxis system with LuxAB and eYFP, respectively. When in contact, LuxAB and eYFP create resonance energy transfer system in which LuxAB gives its emission to eYFP. Without diphtheria toxin, CheA will be in phosphorylated state, allowing interaction with CheY and energy transfer, resulting in yellow color. Toxin binding into chimeric receptor will inhibit CheA phosphorylation, hindering interaction with CheY and energy transfer, resulting in blue color (i.e. LuxAB native color).</h5><br>
+
   <h5>HB-EGF/Tar is a synthetically combined receptor used as project’s diagnostic tool system. Since there was limitation in its biobrick construction (for its high DNA complexity and base pairs length as <i>gBlocks</i>), we separate the HB-EGF/Tar sequence into two fragments called HB-EGF/Tar Fragment 1 (HT-1) in the upstream, and the other one would be HB-EGF/Tar Fragment 2 (HT-2). The schematic structure of HT-1 biobrick is as follow.</h5><br>
  
   <h3><b>Pathogenesis of Diphtheria: How Does <i>Corynebacterium diphtheriae</i> Cause the Disease?<b></h3>
+
   <div class="w3-row w3-center">
   <h5><i>Corynebacterium diphtheriae</i> is a Gram-positive rod bacterium that causes diphtheria. It produces exotoxin with two fragments (AB toxin). Fragment B facilitates toxin internalization within host cell via endocytosis upon binding with HB-EGF receptor. Endosome internal environment allows catalytic process to split AB toxin into separate fragments, while fragment B forms a pore in endosome membrane, allowing fragment A to be transported into host cell cytoplasm. Fragment A then catalyzes modification of elongation factor 2 (EF-2), thereby attenuates protein synthesis and ultimately killing cell. This process underlies several complications found in patients with diphtheria, such as myocarditis, liver and kidney necrosis. In posterior pharynx, diphtheria infection leads to pseudomembrane formation, which is a local reaction and deposition of dead epithelial cells, bacteria, and immune cells enclosed within fibrin. Large formed pseudomembrane potentially causes respiratory tract obstruction and death.</h5><br>
+
    <img src="https://static.igem.org/mediawiki/2018/c/c3/T--UI_Indonesia--partsf2.png" class="w3-image" width="500">
 +
   <h6><b>Figure 2.</b> HB-EGF/Tar Fragment 1 Biobrick.</h6></div><br>
  
   <h3><b>Tar-mediated Chemotaxis System in <i>Escherichia coli</i><b></h3>
+
   <h5>The HT-1 fragment consist of 981 bp sequence that include <i>SalI</i> cutting site and specified PCR colony reverse primer (HbT1 rev). Amplification of single biobrick are done via PCR cloning using ‘self-made’ universal forward (Primer Cloning Fwd) and reverse primers (Primer Cloning Rev), which are the same as cloning primer for DiphTox gBlocks.</h5><br>
  <h5>Chemotaxis system allows motile living cells to sensitize chemical signals in the environment and moving towards or away from them. This involves signal transduction processes mediated by ligand binding to chemoreceptor. In <i>E. coli</i>, chemotaxis mediated by methyl-accepting chemotaxis proteins (MCPs) has been widely studied. MCPs are transmembrane chemoreceptors with periplasmic ligand binding domain and cytoplasmic signaling domain. To date, four different <i>E. coli</i> MCPs have been identified: Tar, Tsr, Trg and Tap chemoreceptors.</h5>
+
  <h5>Tar chemoreceptor mediates E. coli movement away from nickel and cobalt (repellent molecules), and towards aspartate and maltose (attractant molecules). Its cytoplasmic domain is associated with two proteins, CheW and CheA. CheW mediates signal transduction from Tar chemoreceptor to CheA, while CheA has a kinase domain which autophosphorylates its own histidyl residue. Tar chemoreceptor undergoes conformational change upon repellent molecule binding, leading to CheA activation and thus transfers its phosphoryl group to CheY, a regulatory protein that phosphorylates FliM in basal body of bacterial flagellum. These processes eventually lead the bacterium to swim smoothly away from repellent substance. On the other hand, attractant molecule binding into Tar chemoreceptor inhibits CheA and thus phosphorylation of CheY and FliM will not happen. This causes the bacterial flagellum to rotate in opposite direction and facilitates the bacterium to swim towards attractant substance.</h5><br>
+
  
   <h3><b>LuxAB-eYFP Fluorescence Resonance Energy Transfer (FRET) System<b></h3>
+
   <h5>For confirmation of this biobrick existence inside <i>E. coli</i>, PCR colony is essential, using specific primers named “PCR colony HbT1 fwd” for forward primer and “PCR colony HbT1 rev” for reverse primer. They are constructed using NCBI primer BLAST <a href="https://www.ncbi.nlm.nih.gov/tools/primer-blast/" style="color:blue">website.</a> The sequences are served as follows.</h5>
   <h5>Basically, a molecule is excited to higher energy state when it absorbs a photon energy. This molecule relaxes back to ground state when the energy is emitted back to the environment or transferred into another molecule. FRET is a phenomenon in which non-radioactive energy is transferred from excited donor molecule to acceptor molecule via dipole-dipole interactions. Molecules involved in this phenomenon are called fluorophores as they emit fluorescence according to their respective emission spectrum after absorbing higher photon energy. The fluorescence emission spectrum of donor fluorophore must overlap with the absorption and emission spectrum of acceptor fluorophore for FRET to occur. Furthermore, the efficiency of energy transfer is highly influenced by the physical proximity of interacting fluorophores, being the most efficient at several nanometers. Hence, FRET can be applicated to study the distance of macromolecules such as proteins at molecular level.</h5>
+
  <br>
   <h5>LuxAB and eYFP are one of the most widely studied paired fluorophores. In this case, LuxAB is the donor fluorophore as it emits cyan colored light with relatively high energy (peak emission at 490 nm). eYFP serves as the acceptor fluorophore when in close contact with LuxAB, as it absorbs high energy from LuxAB that is overlapped with its own absorption spectrum and emits yellow colored light with lower energy (peak emission at 530 nm). To be utilized in macromolecules interaction studies, LuxAB and eYFP should be incorporated with the molecules of interest. When the molecules of interest are in contact, energy transfer between LuxAB and eYFP will happen and its efficiency can be measured with fluorescence-lifetime imaging microscopy method.</h5><br>
+
  <div class="w3-row w3-center">
 +
    <table>
 +
      <tr>
 +
        <th>Primers</th>
 +
        <th>Sequence</th>
 +
        <th>Melting Temperatures (Tm)</th>
 +
        <th>GC Content (%)</th>
 +
        <th>Hairpin Structure Energy Formation (kcal/mol)</th>
 +
        <th>Self-dimer Energy Formation (kcal/mol)</th>
 +
      </tr>
 +
      <tr>
 +
        <td>HbT1 Fwd</td>
 +
        <td>5’ CTTACGCTTCTGCCACAT 3’</td>
 +
        <td>61.7<sup>0</sup>C</td>
 +
        <td>50%</td>
 +
        <td>-0.84</td>
 +
        <td>-3.61</td>
 +
      </tr>
 +
      <tr>
 +
        <td>HbT1 Rev</td>
 +
        <td>5’ TTCTTACGCTTCCCATGTTC 3’</td>
 +
        <td>62.1<sup>0</sup>C</td>
 +
        <td>45%</td>
 +
        <td>0.64</td>
 +
        <td>-5.38</td>
 +
      </tr>
 +
    </table>
 +
    <h6><b>Table 3.</b> Detailed data for HT1 PCR colony primers</h6><br>
 +
  </div>
 +
  <br>
 +
   <h5>Note: Both heterodimer energy formations are -4.77 kcal/mol.</h5><br>
 +
 
 +
  <h5>Biobrick RFC10 prefix is necessary and would be cut using EcoRI enzyme for submission. Active gene transcription includes highly expressing T7 constitutive promoter (Bba_I712074) located in the upstream part of HT-1. Ribosomal binding site (RBS) (Bba_B0034) functions to initiate direct HB-EGF/Tar translation (HbTf1-RBS). It is 18 bp in length with the following sequence, 5' AAAGAGGAGAAATACTAG 3’, conformed with Shine-Dalgarno sequence
 +
  <br>
 +
  The next fragment of HB-EGF/Tar Sequence, called HB-EGF/Tar Fragment 2 (HT-2), will be ligated exactly next to the first one via SalI restriction site. Schematic representation of HB-EGF/Tar Fragment 2 is as follow.</h5><br>
 +
 
 +
  <div class="w3-row w3-center">
 +
    <img src="https://static.igem.org/mediawiki/2018/0/04/T--UI_Indonesia--partsf3.png" class="w3-image" width="500">
 +
  <h6><b>Figure 3.</b> HB-EGF/Tar Fragment 2 Biobrick.</h6></div><br>
 +
 
 +
   <h5>To amplify this part, we would use universal PCR cloning forward and reverse primers with their sequences same as HT-1 and DiphTox gBlocks. PCR colony, with a specific primer named “HbT2 fwd” for forward primer and “HbT2 Rev” for reverse primer, could be used to confirm any successful transformation of ligated insert. Both primers are constructed with NCBI primer BLAST website and have the sequence detailed below.</h5>
 +
  <br>
 +
  <div class="w3-row w3-center">
 +
    <table>
 +
      <tr>
 +
        <th>Primers</th>
 +
        <th>Sequence</th>
 +
        <th>Melting Temperatures (Tm)</th>
 +
        <th>GC Content (%)</th>
 +
        <th>Hairpin Structure Energy Formation (kcal/mol)</th>
 +
        <th>Self-dimer Energy Formation (kcal/mol)</th>
 +
      </tr>
 +
      <tr>
 +
        <td>HbT2 Fwd</td>
 +
        <td>5’ GTTAGCGGTCTCAGAAATGG 3’</td>
 +
        <td>62.2<sup>0</sup>C</td>
 +
        <td>50%</td>
 +
        <td>-1.15</td>
 +
        <td>-3.61</td>
 +
      </tr>
 +
      <tr>
 +
        <td>HbT2 Rev</td>
 +
        <td>5’ CCCCTGACTGAGCATGAT 3’</td>
 +
        <td>62.8<sup>0</sup>C</td>
 +
        <td>55.6%</td>
 +
        <td>0.57</td>
 +
        <td>-5.38</td>
 +
      </tr>
 +
    </table>
 +
    <h6><b>Table 4.</b> detailed data for HT2 PCR colony primers</h6><br>
 +
  </div>
 +
  <br>
 +
  <h5>Note: Both heterodimer energy formations are -6.73 kcal/mol.</h5><br>
 +
 
 +
  <h5>In this fragment, SalI and NdeI are in upstream and downstream respectively. This arrangement would enable that HB-EGF/Tar frag 1 and HB-EGF/Tar frag 2 be next to each other and transcribed as a unity. At the end part of the coding region we add double terminator rrnB T1 and T7TE terminator (Bba_B0015). These terminators have been known to effectively terminate transcription of any gene. We shall submit the overall HB-EGF/Tar biobrick sequence by inserting iGEM registered RFC10 suffix that contain PstI restriction site at the downstream of the coding region. The prefix, as mentioned earlier, is inserted in the first fragment of the HB-EGF/Tar sequence. Further characterization of the biobrick of complete HB-EGF/Tar synthetic gene could be accessed via Further characterization of the biobrick of DiphTox could be accessed via <a href="http://parts.igem.org/Part:BBa_K2607001" style="color:blue">http://parts.igem.org/Part:BBa_K2607001</a>.
 +
  </h5><br>
 +
 
 +
  <h5><b>Reference</b>
 +
    <ol class="ref">
 +
      <li>Gillet D, Barbier J. Diphtheria toxin. The Comprehensive Sourcebook of Bacterial Protein Toxins. 2015;:111-132.</li>
 +
      <li>2.  Rolf J, Eidels L. Characterization of the diphtheria toxin receptor-binding domain. Molecular Microbiology. 1993;7(4):585-591.</li>
 +
    </ol></h5>
 
</div>
 
</div>
 +
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 +
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
<script>
 +
// When the user scrolls down 20px from the top of the document, show the button
 +
window.onscroll = function() {scrollFunction()};
 +
 +
function scrollFunction() {
 +
    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
 +
        document.getElementById("myBtn").style.display = "block";
 +
    } else {
 +
        document.getElementById("myBtn").style.display = "none";
 +
    }
 +
}
  
 +
// When the user clicks on the button, scroll to the top of the document
 +
function topFunction() {
 +
    document.body.scrollTop = 0;
 +
    document.documentElement.scrollTop = 0;
 +
}
 +
</script>
 
<!-- Footer -->
 
<!-- Footer -->
 
<footer class="w3-center w3-green w3-padding-64 w3-opacity w3-hover-opacity-off">
 
<footer class="w3-center w3-green w3-padding-64 w3-opacity w3-hover-opacity-off">

Latest revision as of 08:11, 17 October 2018

DIPHTOX
Using the wild-type diphtheria exotoxin to characterize HB-EGF/Tar receptor could be harmful due to biosafety reason. To tackle this problem, our team design a much simplified diphtheria toxin by removing the domain that is deadly to the cell. This domain, named domain C, will be translocated into the cell with the aid of other domains in toxin called domain R and domain T. Additionally, R domain recognized the natural HBEGF receptor, and T domain will insert the C domain into the cell. Thus, C domain would catalyze NAD-dependent ADP-ribosylation of EF-2 and leads to cellular apoptosis1. This remodeled toxin, coined DiphTox, is incorporated in the plasmids (such as pSB1C3 and pEQ80L) along with the following parts.

Figure 1. DiphTox Biobrick.

Amplification of single biobrick are done via PCR cloning using ‘self-made’ universal forward (Primer Cloning Fwd) and reverse primers (Primer Cloning Rev). The following sequences are the primers for PCR cloning.

Primers Sequence Melting Temperatures (Tm) GC Content (%) Hairpin Structure Energy Formation (kcal/mol) Self-dimer Energy Formation (kcal/mol)
Fwd Cloning 5’ AGTTCAAGTGTCCGAGAA 3’ 60.20C 44.4% 0.64 -3.61
Rev Cloning 5’ TAAGCGAGTGCCGTATTA 3’ 60.10C 44.4% -1.36 -3.61
Table 1. PCR Cloning Amplification Primers

Note: Both heterodimer energy formations are -3.61 kcal/mol. Additionally, the predicted specifications are based on IDT Oligo Analyzer 3.1 server. PCR solution is predicted to contain 0.2 mM dNTP, 50 mM Na+, 5 mM Mg2+, and 0.3 mM oligos.

Confirmation of gBlocks insertion into plasmid could be confirmed using PCR colony method using following primer. Note that HbT1 Fwd and HbT2 Rev is the same primer used in HT fragments to do in DipthTox gBlocks.

Primers Sequence Melting Temperatures (Tm) GC Content (%) Hairpin Structure Energy Formation (kcal/mol) Self-dimer Energy Formation (kcal/mol)
HbT1 Fwd 5’ CTTACGCTTCTGCCACAT 3’ 61.70C 50% -0.84 -3.61
HbT2 Rev 5’ CCCCTGACTGAGCATGAT 3’ 62.80C 55.6% 0.57 -5.38
Table 2. Detailed data for DiphTox PCR colony primers


Note: Both heterodimer energy formation exhibits -5.04 kcal/mol free energy.

For iGEM biobrick submission, we would use prefix and suffix that contain EcoRI and PstI. Further characterization of the biobrick of DiphTox could be accessed via http://parts.igem.org/Part:BBa_K2607000. HindIII site and BamHI are inserted upstream from prefix and downstream from suffix respectively. The DiphTox contains only the last 54 amino acid from the R domain which has no cytotoxicity and significant enough to bind with HBEGF receptor2. At the downstream of the sequence, designing six histidine amino acids is essential for His-tag protein purification, as well as characterizing the DiphTox and HB-EGF/Tar receptor kinetics. Ribosome Binding Site (RBS) is located upstream within the gBlocks containing Shine-Dalgarno sequence as follow.
RBS : 5' GAGCGGATTATATAAGGAGGTTAATC 3’

HB-EGF/Tar
HB-EGF/Tar is a synthetically combined receptor used as project’s diagnostic tool system. Since there was limitation in its biobrick construction (for its high DNA complexity and base pairs length as gBlocks), we separate the HB-EGF/Tar sequence into two fragments called HB-EGF/Tar Fragment 1 (HT-1) in the upstream, and the other one would be HB-EGF/Tar Fragment 2 (HT-2). The schematic structure of HT-1 biobrick is as follow.

Figure 2. HB-EGF/Tar Fragment 1 Biobrick.

The HT-1 fragment consist of 981 bp sequence that include SalI cutting site and specified PCR colony reverse primer (HbT1 rev). Amplification of single biobrick are done via PCR cloning using ‘self-made’ universal forward (Primer Cloning Fwd) and reverse primers (Primer Cloning Rev), which are the same as cloning primer for DiphTox gBlocks.

For confirmation of this biobrick existence inside E. coli, PCR colony is essential, using specific primers named “PCR colony HbT1 fwd” for forward primer and “PCR colony HbT1 rev” for reverse primer. They are constructed using NCBI primer BLAST website. The sequences are served as follows.

Primers Sequence Melting Temperatures (Tm) GC Content (%) Hairpin Structure Energy Formation (kcal/mol) Self-dimer Energy Formation (kcal/mol)
HbT1 Fwd 5’ CTTACGCTTCTGCCACAT 3’ 61.70C 50% -0.84 -3.61
HbT1 Rev 5’ TTCTTACGCTTCCCATGTTC 3’ 62.10C 45% 0.64 -5.38
Table 3. Detailed data for HT1 PCR colony primers


Note: Both heterodimer energy formations are -4.77 kcal/mol.

Biobrick RFC10 prefix is necessary and would be cut using EcoRI enzyme for submission. Active gene transcription includes highly expressing T7 constitutive promoter (Bba_I712074) located in the upstream part of HT-1. Ribosomal binding site (RBS) (Bba_B0034) functions to initiate direct HB-EGF/Tar translation (HbTf1-RBS). It is 18 bp in length with the following sequence, 5' AAAGAGGAGAAATACTAG 3’, conformed with Shine-Dalgarno sequence
The next fragment of HB-EGF/Tar Sequence, called HB-EGF/Tar Fragment 2 (HT-2), will be ligated exactly next to the first one via SalI restriction site. Schematic representation of HB-EGF/Tar Fragment 2 is as follow.

Figure 3. HB-EGF/Tar Fragment 2 Biobrick.

To amplify this part, we would use universal PCR cloning forward and reverse primers with their sequences same as HT-1 and DiphTox gBlocks. PCR colony, with a specific primer named “HbT2 fwd” for forward primer and “HbT2 Rev” for reverse primer, could be used to confirm any successful transformation of ligated insert. Both primers are constructed with NCBI primer BLAST website and have the sequence detailed below.

Primers Sequence Melting Temperatures (Tm) GC Content (%) Hairpin Structure Energy Formation (kcal/mol) Self-dimer Energy Formation (kcal/mol)
HbT2 Fwd 5’ GTTAGCGGTCTCAGAAATGG 3’ 62.20C 50% -1.15 -3.61
HbT2 Rev 5’ CCCCTGACTGAGCATGAT 3’ 62.80C 55.6% 0.57 -5.38
Table 4. detailed data for HT2 PCR colony primers


Note: Both heterodimer energy formations are -6.73 kcal/mol.

In this fragment, SalI and NdeI are in upstream and downstream respectively. This arrangement would enable that HB-EGF/Tar frag 1 and HB-EGF/Tar frag 2 be next to each other and transcribed as a unity. At the end part of the coding region we add double terminator rrnB T1 and T7TE terminator (Bba_B0015). These terminators have been known to effectively terminate transcription of any gene. We shall submit the overall HB-EGF/Tar biobrick sequence by inserting iGEM registered RFC10 suffix that contain PstI restriction site at the downstream of the coding region. The prefix, as mentioned earlier, is inserted in the first fragment of the HB-EGF/Tar sequence. Further characterization of the biobrick of complete HB-EGF/Tar synthetic gene could be accessed via Further characterization of the biobrick of DiphTox could be accessed via http://parts.igem.org/Part:BBa_K2607001.

Reference
  1. Gillet D, Barbier J. Diphtheria toxin. The Comprehensive Sourcebook of Bacterial Protein Toxins. 2015;:111-132.
  2. 2. Rolf J, Eidels L. Characterization of the diphtheria toxin receptor-binding domain. Molecular Microbiology. 1993;7(4):585-591.
Team UI Indonesia
  igemui2018@gmail.com