Difference between revisions of "Team:NTHU Taiwan/Design"

Line 1: Line 1:
{{NTHU_Taiwan}}
 
 
<html>
 
<html>
  
 +
<style>
 +
/***************************************************** DEFAULT SETTINGS  ****************************************************/
 +
/* Clear the default wiki settings */
 +
#home_logo, #sideMenu { display:none; }
 +
#sideMenu, #top_title, .patrollink  {display:none;}
 +
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 +
body {background-color:#f6f6e3;}
 +
#bodyContent {background-color:#f6f6e3;}
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
 +
/**************************************************************** MENU ***************************************************************/
 +
/* Wrapper for the menu */
  
 +
.igem_2017_menu_wrapper {
 +
border-bottom: 3px solid #c2dac0;
 +
background-color:#f6f6e3;
 +
font-family:'Open Sans', sans-serif;
 +
overflow: hidden;
 +
}
  
 +
.igem_2017_menu_wrapper a { 
 +
float: left;
 +
font-size: 1.2em;
 +
color: #6c5070;
 +
text-align: center;
 +
padding: 25px 20px;
 +
text-decoration: none;
 +
}
  
<div class="column full_size">
+
.munu_img img{
<p>
+
position: fixed;
 +
height: 9%;
 +
}
 +
 
 +
/* this hides the scrollbar to keep view consistency */
 +
.igem_2017_menu_wrappe::-webkit-scrollbar {
 +
display: none;
 +
}
 +
 
 +
.submenu_wrapper {
 +
float: left;
 +
  overflow: hidden;
 +
}
 +
 
 +
.submenu_wrapper .menu_button {
 +
letter-spacing: 1px;
 +
text-transform: uppercase;
 +
font-size: 1.2em;
 +
border: none;
 +
outline: none;
 +
color: #6c5070;
 +
padding: 25px 20px;
 +
background-color: inherit;
 +
}
 +
 +
.igem_2017_menu_wrapper a:hover, .submenu_wrapper:hover .menu_button {
 +
color: #DF6A6A;
 +
}
 +
 
 +
.submenu_button {
 +
display: none;
 +
position: absolute;
 +
background-color: rgba(246, 246, 227, 0.7);
 +
min-width: 160px;
 +
z-index: 1;
 +
}
 +
 
 +
.submenu_button a {
 +
float: none;
 +
color: #6c5070;
 +
padding: 8px 16px;
 +
text-decoration: none;
 +
display: block;
 +
text-align: left;
 +
}
 +
 
 +
.submenu_button a:hover {
 +
font-size: 1.3em;
 +
 
 +
}
 +
 
 +
.submenu_wrapper:hover .submenu_button {
 +
display: block;
 +
}
 +
 
 +
/*menu_wrapper left space*/
 +
.igem_2017_menu_wrapper .menu_right_margin {
 +
margin-left: 160px;
 +
}
 +
 
 +
/*menu_wrapper right space*/
 +
.igem_2017_menu_wrapper .menu_bottom_padding {
 +
width: 100%;
 +
height: 30px;
 +
float:left;
 +
}
 +
 
 +
/* styling for the menu button when it is the current page */
 +
.current_page {
 +
color:#df6a6a !important;
 +
}
 +
 
 +
/* when the page size is bigger than 800px, this show/hide control is hidden by default */
 +
.igem_2017_menu_wrapper #display_menu_control {
 +
display:none;
 +
text-align:center;
 +
}
 +
 +
 
 +
/***************************************************** CONTENT OF THE PAGE ****************************************************/
 +
/* Wrapper for the content */
 +
.igem_2017_content_wrapper {
 +
width: 100%;
 +
margin: 2%;
 +
display:block;
 +
float:left;
 +
font-family:'Open Sans', sans-serif;
 +
background-color: #F6F6E3;
 +
}
 +
 
 +
.igem_2017_content_wrapper hr{
 +
margin: auto;
 +
height: 3px;
 +
border: none;
 +
background-color: #DF6A6A;
 +
}
 +
 
 +
.igem_2017_content_wrapper img{
 +
margin: auto;
 +
display: block;
 +
padding: 50px 0px 0px 0px;
 +
float: center;
 +
}
 +
 
 +
.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 .igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {
 +
padding: 40px 0px 15px 0px;
 +
border-bottom: 0px;
 +
color: #2C2C2C;
 +
letter-spacing: 1px;
 +
 
 +
}
 +
 
 +
#pdf {
 +
width: 950px;
 +
height: 1200px;
 +
margin: 2em auto;
 +
padding-top: 20px;
 +
}
 +
 
 +
#pdf object {
 +
display: block;
 +
border: solid 2px #2c2c2c;
 +
}
 +
 
 +
/***************************************************** RESPONSIVE STYLING ****************************************************/
 +
 
 +
/* IF THE SCREEN IS LESS THAN 1200PX */
 +
@media only screen and (max-width: 1200px) {
 +
 
 +
#content {width:100%; }
 +
.igem_2017_menu_wrapper {width:100%; right:0;}
 +
.highlight {padding:10px 0px;}
 +
.igem_2017_menu_wrapper #display_menu_control { display:none; }
 +
#menu_content { display:block;}
 +
.menu_button.direct_to_page {padding-left: 17px;}
 +
 +
}
 +
 
 +
/* IF THE SCREEN IS LESS THAN 800PX */
 +
@media only screen and (max-width: 800px) {
 +
 
 +
.igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}
 +
.igem_2017_content_wrapper {width:100%; margin-left:0px;}
 +
.column.half_size  {width:100%; }
 +
.column.full_size img, .column.half_size img {  width: 100%; padding: 10px 0px;}
 +
.highlight {padding:15px 5px;}
 +
.igem_2017_menu_wrapper #display_menu_control { display:block; }
 +
#menu_content { display:none;}
 +
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; }
 +
.menu_bottom_padding {display:none;}
 +
.menu_button.direct_to_page { padding-left: 36px; }
 +
}
 +
 +
</style>
 +
 
 +
 
 +
<head>
 +
 
 +
<!-- This tells the browser that your page is responsive -->
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
 
 +
</head>
 +
 
 +
<!-- <div class="munu_img">
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan">
 +
<img src="https://static.igem.org/mediawiki/2017/1/1f/T--NTHU_Taiwan--HOME--logo.png">
 +
</a>
 +
</div> -->
 +
 
 +
<div class="igem_2017_menu_wrapper" >
 +
<!-- this div is hidden by default and will only be displayed if the screen size is too small -->
 +
<div class="menu_button" id="display_menu_control">
 +
MENU 
 +
</div>
 +
 
 +
 
 +
<div id="menu_content">
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan">
 +
<div class="menu_button menu_right_margin">
 +
HOME
 +
</div>
 +
</a>
 +
 +
<div class="submenu_wrapper">
 +
<button class="menu_button">TEAM</button>
 +
<div class="submenu_button">
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Team">
 +
<div id="Team_page">
 +
Team
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Attributions">
 +
<div  id="Attributions_page">
 +
Attributions
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Collaborations">
 +
<div  id="Collaborations_page">
 +
Collaborations
 +
</div>
 +
</a>
 +
</div>
 +
</div>
 +
 
 +
<div class="submenu_wrapper">
 +
<button class="menu_button">PROJECT</button>
 +
<div class="submenu_button">
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Description">
 +
<div id="Description_page">
 +
Description
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Design">
 +
<div  id="Design_page">
 +
Design
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Contribution">
 +
<div  id="Contribution_page">
 +
Contribution
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Model">
 +
<div  id="Model_page">
 +
Model
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Results">
 +
<div  id="Results_page">
 +
Results
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Demonstrate">
 +
<div  id="Demonstrate_page">
 +
Demonstrate
 +
</div>
 +
</a>
 +
 +
</div>
 +
</div>
 +
 
 +
<div class="submenu_wrapper">
 +
<button class="menu_button">WET LAB</button>
 +
<div class="submenu_button">
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Experiments">
 +
<div  id="Experiments_page">
 +
Experiments
 +
</div>
 +
</a>
 +
<a href="#">
 +
<div  id="Protocol_page">
 +
Protocol
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Notebook">
 +
<div  id="Notebook_page">
 +
Notebook
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/InterLab">
 +
<div  id="InterLab_page">
 +
InterLab
 +
</div>
 +
</a>
 +
</div>
 +
</div>
 +
 
 +
<div class="submenu_wrapper">
 +
<button class="menu_button">PARTS</button>
 +
<div class="submenu_button">
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Basic_Part">
 +
<div  id="Basic_Part_page">
 +
Basic Parts
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Composite_Part">
 +
<div  id="Composite_Part_page">
 +
Composite Parts
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Part_Collection">
 +
<div  id="Part_Collection_page">
 +
Part Collection
 +
</div>
 +
</a>
 +
</div>
 +
</div>
 +
 
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Safety">
 +
<div class="menu_button">
 +
SAFETY
 +
</div>
 +
</a>
 +
 
 +
<div class="submenu_wrapper">
 +
<button class="menu_button">HUMAN PRACTICES</button>
 +
<div class="submenu_button">
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/HP/Silver">
 +
<div id="Silver_page">
 +
Silver HP
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/HP/Gold_Integrated">
 +
<div  id="Gold_Integrated_page">
 +
Integrated and Gold
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Engagement">
 +
<div  id="Engagement_page">
 +
Public Engagement
 +
</div>
 +
</a>
 +
</div>
 +
</div>
 +
 
 +
<div class="submenu_wrapper">
 +
<button class="menu_button">AWARDS</button>
 +
<div class="submenu_button">
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Applied_Design">
 +
<div id="Applied_Design_page">
 +
Applied Design
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Entrepreneurship">
 +
<div  id="Entrepreneurship_page">
 +
Integrated Human Practices
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Hardware">
 +
<div  id="Hardware_page">
 +
Hardware
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Model">
 +
<div  id="Model_page">
 +
Model
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Software">
 +
<div  id="Software_page">
 +
Software
 +
</div>
 +
</a>
 +
<a href="#">
 +
<div>
 +
Criteria
 +
</div>
 +
</a>
 +
</div>
 +
</div>
 +
 
 +
<a href="https://igem.org/2017_Judging_Form?team=NTHU_Taiwan">
 +
<div class="menu_button">
 +
JUDGING FORM
 +
</div>
 +
</a>
 +
 
 +
</div>
 +
 
 +
</div>
 +
 
 +
 
 +
 
 +
<!-- start of content -->
 +
<div class="igem_2017_content_wrapper">
 +
<img width="25%" src="https://static.igem.org/mediawiki/2017/e/e2/T--NTHU_Taiwan--Notebook--Top.png">
 +
<div style="text-align: center">
 +
<h1 style="color:#DF6A6A">Wet Lab Note
 +
 +
</h1>
 +
<hr width="20%" />
 +
</div>
 +
<p>
 
The Smart EDC Farmland Protection System
 
The Smart EDC Farmland Protection System
 
</p>
 
</p>
Line 204: Line 601:
 
</p>
 
</p>
  
 +
 
</div>
 
</div>
  
<div class="column half_size">
+
<script type="Text/JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<h5>What should this page contain?</h5>
+
<ul>
+
<li>Explanation of the engineering principles your team used in your design</li>
+
<li>Discussion of the design iterations your team went through</li>
+
<li>Experimental plan to test your designs</li>
+
</ul>
+
  
</div>
+
<script>
  
<div class="column half_size">
+
// This is the jquery part of your template. 
<h5>Inspiration</h5>
+
// Try not modify any of this code too much since it makes your menu work.
<ul>
+
 
<li><a href="https://2016.igem.org/Team:MIT/Experiments/Promoters">2016 MIT</a></li>
+
$(document).ready(function() {
<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>
+
$("#HQ_page").attr('id','');
</ul>
+
 
</div>
+
// call the functions that control the menu
 +
menu_functionality();
 +
hide_show_menu();
 +
 
 +
 
 +
 
 +
//this function controls the expand and collapse buttons of the menu and changes the +/- symbols
 +
function menu_functionality() {
 +
 
 +
//when clicking on a "menu_button", it will change the "+/-" accordingly and it will show/hide the corresponding submenu
 +
$(".menu_button").click(function(){
 +
 
 +
// add or remove the class "open" , this class holds the "-"
 +
$(this).children().toggleClass("open");
 +
// show or hide the submenu
 +
$(this).next('.submenu_wrapper').fadeToggle(400);
 +
});
 +
 
 +
// when the screen size is smaller than 800px, the display_menu_control button appears and will show/hide the whole menu
 +
$("#display_menu_control").click(function(){
 +
$('#menu_content').fadeToggle(400);
 +
});
 +
 
 +
// call the current page highlight function
 +
highlight_current_page();
 +
}
 +
 
 +
 
 +
// call the highlight current page function to show it on the menu with a different background color
 +
function highlight_current_page() {
 +
 
 +
// select a page from the menu based on the id assigned to it and the current page name and add the class "current page" to make it change background color
 +
$("#"+  wgPageName.substring(wgPageName.lastIndexOf("/")+1, wgPageName.length ) + "_page").addClass("current_page");
 +
 
 +
// now that the current_page class has been added to a menu item, make the submenu fade in
 +
$(".current_page").parents(".submenu_wrapper").fadeIn(400);
 +
// change the +/- symbol of the corresponding menu button
 +
$(".current_page").parents(".submenu_wrapper").prev().children().toggleClass("open");
 +
 +
}
 +
 
 +
 
 +
 
 +
// allow button on the black menu bar to show/hide the side menu
 +
function hide_show_menu() {
 +
 +
// in case you preview mode is selected, the menu is hidden for better visibility
 +
if (window.location.href.indexOf("submit") >= 0) {
 +
$(".igem_2017_menu_wrapper").hide();
 +
}
 +
 
 +
// if the black menu bar has been loaded
 +
  if (document.getElementById('bars_item')) {
 +
 
 +
// when the "bars_item" has been clicked
 +
$("#bars_item").click(function() {
 +
$("#sideMenu").hide();
 +
 
 +
// show/hide the menu wrapper
 +
$(".igem_2017_menu_wrapper").fadeToggle("100");
 +
});
 +
  }
 +
 
 +
// because the black menu bars loads at a different time than the rest of the page, this function is set on a time out so it can run again in case it has not been loaded yet
 +
else {
 +
    setTimeout(hide_show_menu, 15);
 +
}
 +
}
 +
 
 +
 
 +
});
  
  
 +
</script>
  
 
</html>
 
</html>

Revision as of 21:05, 28 October 2017

Wet Lab Note


The Smart EDC Farmland Protection System

In order to solve some real environmental challenges, our team has proposed an integrated system that can both detect and degrade endocrine disrupting chemicals (EDCs) suitable for farmland water protection.

When we started building this system, we aimed not only to solve a few farmers’ problems, but on a bigger scale, agricultural and industrial, since in most of the developing countries, factories could be easily found in between farmland. On the left-hand side of the slide, we developed the system that could sense the concentration of the EDC in the water and control the valve to protect the farmland from polluted water. And on the right-hand side of the slide, we could collect such data, such as the concentration, time, and place. If the number of devices could grow to dozens or say hundreds, we would be able to tell where and when did the pollution came from.

First, in normal days, the gate will remain half open and let the water comes into the channel. When the water passes through the gate, it will then passes through the filter. Enzyme mixed with activated carbon is filled in the filter, which can help filter out most of our target endocrine disrupting chemicals. We have proved the capability of the enzyme and filter through modeling and experiment test. Then the water will encounter out fluorescent detection. We pump some water into the detector and mix them with the indicator paper which is coated with modified E.coli, and the EDCs in the water can be captured by our modified E.coli. The E.coli is later excited with laser light to produce fluorescent, the fluorescent signal will be collected and calculated into relative EDCs concentration.

This page is different to the "Applied Design Award" page. Please see the Applied Design page for more information on how to compete for that award.

If the detected EDCs concentration is safe for the farmland to use, the microcontroller which is embedded in the detector will send a signal to the gate to tell it to remain open to let the water in. However, if the detected EDCs concentration is above the safety standard, a feedback signal will be sent to the gate and lower it to protect the farmland from further damage. The reading of the EDCs concentration will also be sent to our database and the App, which can allow the farmer or the farmland manager to remotely monitor the condition of the farmland.

What is EDCs?

EDCs (Endocrine Disruptor Chemicals), which can interfere with endocrine systems, causing cancerous tumors, birth defects, and other developmental disorders. These chemicals are mostly man-made and found in various materials such as pesticides, food containers, and personal care products. In this project, we primarily focus on two common kinds of EDCs, BPA (Bisphenol A) and NP (Nonyl Phenol), in industrial wastewater.

We construct the gene of horseradish peroxidase (HRP) and transform it into E.coli. Horseradish peroxidase uses the iron-contained activate center to convert the phenolic group to free radicals and let them react with each other in the presence of hydrogen peroxide. Finally, we can get the less harmful product.

After producing horseradish peroxidase, we use a chemical method to combine the enzyme with activated carbon via covalent bonds. Since activated carbon has outstanding ability to capture organic compounds and it can help to accumulate EDCs in the higher concentration, the enzyme can degrade EDCs in a very high efficient way. Finally, we combine activated carbon/enzyme complex with our designed filter to complete all the degradation system.

How we detect EDCs in the water

We will flow some freeze-dried E.coli and water samples through the gold chips. Since there are GFPs in the E.coli, if water samples which have passed our degradation system still containing EDCs. EDCs in the sample will combine with ER-alpha, causing the structure of ER-alpha changes. And then monobody will capture the bounded ER-alpha together with E.coli , leading to the change of fluorescence or surface plasmon resonance signal on the gold chip.

Source:Quantifying Hormone Disruptors with an Engineered Bacterial Biosensor. ACS Cent. Sci., 2017, 3 (2), pp 110–116

In the future, we will construct light detection system and optical system for surface plasmon resonance to complete our detection system. From observation of density of E.coli, it indicates that when the concentration of EDCs decreases, the density of E.coli decrease as well which coincide with our prediction.

Biobrick Design

EDC detection

1.Express surface displayed ER alpha LBD

BBa_J04500:

This is IPTG inducible promoter with RBS. We use this part to control gene expression. (Designed by: Kristen DeCelle Group: iGEM2005)

BBa_K811005:

This is an INPNC part which can be used for the surface display of large proteins. We use this part to display our ER alpha LBD to bacteria surface. (Designed by: Avin Veerakumar Group: iGEM12_Penn)

BBa_J18921:

This is GS-linker from iGEM. It can link two protein and make sure that each protein can fold normally. (Designed by: Raik Gruenberg Group: Affiliates)

ER alpha LBD:

LBD means “Ligand Binding Domain”. This ER alpha LBD from human can bind estrogen and EDCs. The whole ER alpha is a huge protein, which means it may be difficult to expressed by E.coli. From previous research (Akiko Koide et al, 2001), the LBD can bind estrogen normally without other parts, so we chose its LBD to do our experiment.

BBa_B0015:

A double terminator from iGEM. It can terminate DNA transcription. (Designed by: Reshma Shetty Group: Antiquity)

2. Express Monobody with GBP

Monobody:

From previous research (Akiko Koide et al, 2001), the type III domain from human fibronectin (FNfn10) can be used as monobody to probing whether ER alpha LBD bind to ligand.

BBa_K1694006:

This part is a gold binding peptide (GBP). We fuse our monobody and GBP so that the monobody can be displayed on the gold surface.

EDCs Degradation

There is three category of enzymes that is reported to be capable of catalysis redox reaction with phenolic compounds. They are laccase, MnP (Manganese peroxidase), and HRP (horseradish peroxidase). We cloned several genes that encoded these enzymes into E.coli. We expressed the enzyme with the IPTG-inducible promoter (J04500), purified and tested the activity against phenolic EDCs to see if this enzyme can accelerate the degradation of phenolic EDCs.

1.Laccase

BBa_K2354001 : Laccase Bp

This part encoded a laccase which originated from Bacillus pumilus. We codon optimize this part for E.coli and add a 6X histag at 3’ terminal to facilitate protein purification. In addition, we add a GS linker and a BamHI at 3’ terminal for possible protein fusion experiment in future.

BBa_K2354002 : Laccase Sc

This part encoded a laccase that previous study had codon optimized and construct on E.coli . We add a 6X histag at 3’ terminal to facilitate protein purification. In addition, we also add a BamHI at 3’ terminal for possible protein fusion experiment in future.

BBa_K2354003 : Laccase Tc

This part encoded a laccase which originated from Thanatephorus cucumeris. We codon optimize this part for E.coli and add a 6X histag at 3’ terminal to facilitate protein purification. In addition, we add a BamHI at 3’ terminal for possible protein fusion experiment in future.

BBa_K2354004: Laccase Tv

This part encoded a laccase which originated from Trametes versicolor. We codon optimize this part for E.coli and add a 6X histag at 3’ terminal to facilitate protein purification. In addition, we add a BamHI at 3’ terminal for possible protein fusion experiment in future.

2. HRP

BBa_K235400: HRP

This part encoded HRP ( horseradish peroxidase ) which originated from Armoracia rusticana. We codon optimize this part for E.coli and add a 6X histag at 3’ terminal to facilitate protein purification. In addition, we add a BamHI at 3’ terminal for possible protein fusion experiment in future.

3. MnP

BBa_K2354006 : MnP

This part encoded a MnP which originated from Trametes versicolor. We codon optimize this part for E.coli and add a 6X histag at 3’ terminal to facilitate protein purification. In addition, we add a GS linker and a BamHI at 3’ terminal for possible protein fusion experiment in future.