Difference between revisions of "Team:Nanjing-China/Design"

(Prototype team page)
 
m
 
(50 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{Nanjing-China}}
+
<html xmlns="http://www.w3.org/1999/xhtml">
−
<html>
+
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<title>Nanjing-China2018</title>
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:Nanjing-China/CSS:design?action=raw&ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:Nanjing-China/CSS:1?action=raw&ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:Nanjing-China/CSS:loader?action=raw&ctype=text/css" />
 +
<style type="text/css">
 +
</style>
 +
<script type="text/javascript" src="https://2018.igem.org/Team:Nanjing-China/Javascript:1?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/Team:Nanjing-China/Javascript:design?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript">
 +
function menuFix(){
 +
    var sfEles=document.getElementById("menu").getElementsByTagName("li");
 +
        for(var i=0;i<sfEles.length; i++){
 +
        sfEles[i].onmouseover=function(){
 +
            this.className +=(this.className.length>0?"":"")+"listshow";
 +
            }
 +
            sfEles[i].onmouseout=function(){
 +
            this.className =this.className.replace("listshow","");
 +
            }
 +
        }
 +
    }
 +
    window.onload= menuFix;
 +
function MM_changeProp(objId,x,theProp,theValue) { //v9.0
 +
  var obj = null; with (document){ if (getElementById)
 +
  obj = getElementById(objId); }
 +
  if (obj){
 +
    if (theValue == true || theValue == false)
 +
      eval("obj.style."+theProp+"="+theValue);
 +
    else eval("obj.style."+theProp+"='"+theValue+"'");
 +
  }
 +
}
 +
function MM_effectAppearFade(targetElement, duration, from, to, toggle)
 +
{
 +
Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
 +
}
 +
function MM_effectBlind(targetElement, duration, from, to, toggle)
 +
{
 +
Spry.Effect.DoBlind(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
 +
}
 +
//design
  
−
<div class="column full_size">
+
</script>
−
<h1>Design</h1>
+
</head>
−
<p>
+
−
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.
+
−
</p>
+
−
 
+
−
<p>
+
−
This page is different to the "Applied Design Award" page. Please see the <a href="https://2018.igem.org/Team:Nanjing-China/Applied_Design">Applied Design</a> page for more information on how to compete for that award.
+
−
</p>
+
  
 +
<body>
 +
<div id="loader">
 +
<div class="spinner">
 +
  <div class="spinner-container container1">
 +
    <div class="circle1"></div>
 +
    <div class="circle2"></div>
 +
    <div class="circle3"></div>
 +
    <div class="circle4"></div>
 +
  </div>
 +
  <div class="spinner-container container2">
 +
    <div class="circle1"></div>
 +
    <div class="circle2"></div>
 +
    <div class="circle3"></div>
 +
    <div class="circle4"></div>
 +
  </div>
 +
  <div class="spinner-container container3">
 +
    <div class="circle1"></div>
 +
    <div class="circle2"></div>
 +
    <div class="circle3"></div>
 +
    <div class="circle4"></div>
 +
  </div>
 
</div>
 
</div>
−
 
+
</div>
−
 
+
<script type="text/javascript">
−
 
+
            $(window).load(function() {
−
<div class="column two_thirds_size">
+
                $("#loader").fadeOut("slow");
−
<h3>What should this page contain?</h3>
+
            })
−
<ul>
+
</script>
−
<li>Explanation of the engineering principles your team used in your design</li>
+
<div id="d">
−
<li>Discussion of the design iterations your team went through</li>
+
<img src="https://static.igem.org/mediawiki/2018/f/fe/T--Nanjing-China--signal-1.jpg" width="100%" onclick="MM_effectBlind('HOME', 1000, '0%', '100%', true)" />
−
<li>Experimental plan to test your designs</li>
+
<div align="center">
−
</ul>
+
<div id="HOME">
−
 
+
<div class="sub">
 +
      <ul><li><a href="https://2018.igem.org/Team:Nanjing-China/Design">Design</a></li></ul></div>
 +
            <ul>
 +
    <li><a href="#cds">CdS</a></li>
 +
  <li><a href="#nitrogen"><font size="-1">Nitrogen fixation</font></a></li>
 +
    <li><a href="#device">Device</a></li>
 +
  </ul>
 
</div>
 
</div>
−
 
−
<div class="column third_size">
 
−
<div class="highlight decoration_A_full">
 
−
<h3>Inspiration</h3>
 
−
<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>
 
</div>
 
</div>
 
</div>
−
 
+
<div id="for_judge" align="center"><div class="i"><ul><a href="https://2018.igem.org/Team:Nanjing-China/For_Judges"><strong>For_judges</strong></a></ul></div></div>
−
 
+
<div class="container" align="center">
−
 
+
<div id="menu" >
 +
        <ul>
 +
  <li><a href="https://2018.igem.org/Team:Nanjing-China">N<font size="-1"><sub>2</sub></font>CHASER</a>
 +
    <ul>
 +
        <li><a href="https://2018.igem.org/Team:Nanjing-China/Team">Team</a></li>
 +
            <li><a href="https://2018.igem.org/Team:Nanjing-China/Members">Members</a></li>
 +
                <li><a href="https://2018.igem.org/Team:Nanjing-China/Attributions">Attributions</a></li>
 +
            <li><a href="https://2018.igem.org/Team:Nanjing-China/For_Judges">For_Judges</a></li>
 +
</ul>
 +
    </li>
 +
        <li><a href="https://2018.igem.org/Team:Nanjing-China/Background">PROJECT</a>
 +
    <ul>
 +
            <li><a href="https://2018.igem.org/Team:Nanjing-China/Background">Background</a></li>
 +
        <li><a href="https://2018.igem.org/Team:Nanjing-China/Design">Design</a></li>
 +
                <li><a href="https://2018.igem.org/Team:Nanjing-China/Results">Results</a></li>
 +
                <li><a href="https://2018.igem.org/Team:Nanjing-China/Demonstrate"><font size="-0.1">Demonstrate</font></a></li>
 +
                <li><a href="https://2018.igem.org/Team:Nanjing-China/Hardware">Hardware</a></li> 
 +
                <li><a href="https://2018.igem.org/Team:Nanjing-China/InterLab">InterLab</a></li>
 +
</ul>
 +
        </li>
 +
    <li><a href="https://2018.igem.org/Team:Nanjing-China/Parts">PARTS</a>
 +
        <ul>
 +
        <li><a href="https://2018.igem.org/Team:Nanjing-China/Basic_Part">Basic_Part</a></li>
 +
        <li><a href="https://2018.igem.org/Team:Nanjing-China/Composite_Part">Composite</a></li>
 +
            <li><a href="https://2018.igem.org/Team:Nanjing-China/Improve">Improve</a></li>
 +
</ul>
 +
            </li>
 +
    <li><a href="https://2018.igem.org/Team:Nanjing-China/Model">MODELING</a></a>
 +
      </li>
 +
    <li><a href="https://2018.igem.org/Team:Nanjing-China/Human_Practices">PRACTICES</a>
 +
    <ul>
 +
        <li><a href="https://2018.igem.org/Team:Nanjing-China/Human_Practices"><font size="-1">Human_Practices</font></a></li>
 +
                <li><a href="https://2018.igem.org/Team:Nanjing-China/Safety">Safety</a></li>
 +
                <li><a href="https://2018.igem.org/Team:Nanjing-China/Collaborations"><font size="-0.1">Collaboration</font></a></li>
 +
</ul>
 +
    </li>
 +
    <li><a href="https://2018.igem.org/Team:Nanjing-China/Notebook">NOTEBOOK</a></li>
 +
      </ul>
 +
  </div>
 +
  <div class="header"><img src="https://static.igem.org/mediawiki/2018/4/40/T--Nanjing-China--title-4.png" width="100%"  onload="MM_effectAppearFade(this, 1000, 0, 100, false);MM_effectBlind('HOME', 1000, '0%', '100%', true)">
 +
</div>
 +
    <div class="contain">
 +
      <div class="word">
 +
      <div style="position:absolute; top:-90px; z-index:3; left:-10px;">
 +
    <img src="https://static.igem.org/mediawiki/2018/8/8a/T--Nanjing-China--PROJECT-d.jpg" width="50%" /></div>
 +
    <div class="word-1" style="height:20px;"></div>
 +
    </div>
 +
    <div class="word" id="overview">
 +
<h2>Overview</h2>
 +
      <p>Our design is composed of three parts: biosynthesis of CdS semiconductor, light-driven nitrogen fixation and a light-driven biohybrid reaction device. This system is the expansion of our previous project of hydrogen production (Nanjing-China 2016), and it proves that surface display mechanism is capable of being expanded to a general principle for light-driven biohybrid reactions.</p>
 +
    </div>
 +
<div class="word" id="cds">
 +
<h2>Biosynthesis of CdS semiconductor on cell surface</h2>
 +
<p align="left">To construct our light-driven system, we induce the in situ synthesis of CdS semiconductor on the <em>E. coli</em> cell surface. One key element of our system is fused protein OmpA-PbrR. OmpA (Outer membrane  protein A) fixes the protein complex on outer cell membrane while PbrR (lead-specific binding protein) adsorbs Cd<sup>2+</sup> in the environment and further forms CdS  semiconductor on cell surface.</p>
 +
<p> After Cd<sup>2+</sup> ions are added  into the culture, the ions specifically bind to PbrR protein contributing to the  aggregation of Cd<sup>2+</sup>. Combining with S<sup>2-</sup> ions in the  media, CdS semiconductors are therefore formed on the outer membrane of cells.</p></div>
 +
<div class="word">
 +
<div  id="design2" style="left:10%; width:80%;">
 +
<div id="Layer11" style="visibility: hidden"><img src="https://static.igem.org/mediawiki/2018/2/27/T--Nanjing-China--d-1-8.png" width="150" /></div>
 +
<div id="Layer12" style="height: 61px; visibility: hidden; left: 26px; top: 8px;"><img src="https://static.igem.org/mediawiki/2018/8/85/T--Nanjing-China--d-1-7.png" width="60" /></div>
 +
<div id="Layer13" style="visibility: hidden; left: 103px; top: 7px;"><img src="https://static.igem.org/mediawiki/2018/a/a7/T--Nanjing-China--d-2-2.png" width="100" /></div>
 +
<div id="Layer14" style="visibility: hidden"><img src="https://static.igem.org/mediawiki/2018/0/0d/T--Nanjing-China--d-2-1.png" width="200" /></div>
 +
<div id="Layer15" style="visibility: hidden; left: 247px; top: 5px;"><img src="https://static.igem.org/mediawiki/2018/1/1d/T--Nanjing-China--d-2-3.png" width="130" /></div>
 +
<div id="Layer16" style="visibility: hidden"><img src="https://static.igem.org/mediawiki/2018/2/26/T--Nanjing-China--d-2-4.png" name="Image1" width="202" /></div>
 +
<div id="Layer17" style="visibility: hidden; left: 245px; top: 196px;"><img src="https://static.igem.org/mediawiki/2018/0/03/T--Nanjing-China--d-2-5.png" width="130" /></div>
 +
<div id="Layer18" style="visibility: hidden"><img src="https://static.igem.org/mediawiki/2018/8/8a/T--Nanjing-China--d-2-6.png" width="200" /></div>
 +
<div id="Layer-all2" style="visibility: visible"><img src="https://static.igem.org/mediawiki/2018/2/29/T--Nanjing-China--d-2-all.png" width="500" /></div>
 +
<div id="b">
 +
<div class="play" class="button" onclick="MM_timelinePlay('Timeline2')">play</div>
 +
<div class="stop" class="button" onclick="MM_timelineStop('Timeline2')">stop</div></div>
 +
</div>
 +
</div>
 +
<div class="word" id="nitrogen">
 +
<h2>Light-driven nitrogen fixation in <em>E. coli</em> cells</h2>
 +
<p>When the system is exposed in light, electrons of  the CdS semiconductor conduct  transit, and CdS provide these  excited electrons to the electrons to Mo-Fe protein subunit of nitrogenase. Subsequently, the Mo-Fe protein utilizes the energy from these  electrons to reduce N<sub>2</sub>(dinitrogen) to NH<sub>3</sub>(ammonia). Finally, the semiconductor regains its lost electron from sacrificial electron donors.</p>
 +
<p>This design is of general applications as OmpA  protein is merely a surface display mechanism for&nbsp;<em>E. coli</em>, and PbrR can be  replaced with other proteins with different specificity. </p>
 +
</div>
 +
<div class="word">
 +
  <div id="design3" style=" left:10%; width:80%;">
 +
<div id="Layer21" style="visibility: hidden; left: 0px;"><img src="https://static.igem.org/mediawiki/2018/c/c4/T--Nanjing-China--d-3-8.png" width="240" /></div>
 +
<div id="Layer22" style="visibility: hidden; top: 19px; left: 30px;"><img src="https://static.igem.org/mediawiki/2018/9/9e/T--Nanjing-China--d-3-7.png" width="170" /></div>
 +
<div id="Layer23" style="visibility: hidden"><img src="https://static.igem.org/mediawiki/2018/2/21/T--Nanjing-China--d-3-1.png" width="250" /></div>
 +
<div id="Layer24" style="visibility: hidden; left: 314px; top: 14px;"><img src="https://static.igem.org/mediawiki/2018/f/fd/T--Nanjing-China--d-3-2.png" width="60" /></div>
 +
<div id="Layer25" style="visibility: hidden"><img src="https://static.igem.org/mediawiki/2018/a/a8/T--Nanjing-China--d-3-3.png" width="260" /></div>
 +
<div id="Layer26" style="visibility: hidden"><img src="https://static.igem.org/mediawiki/2018/9/9d/T--Nanjing-China--d-3-4.png" width="211" /></div>
 +
<div id="Layer27" style="visibility: hidden; left: 370px; top: 97px; height: 103px;"><img src="https://static.igem.org/mediawiki/2018/2/28/T--Nanjing-China--d-3-6.png" width="100" /></div>
 +
<div id="Layer28" style="visibility: hidden"><img src="https://static.igem.org/mediawiki/2018/1/1d/T--Nanjing-China--d-3-5.png" width="150" /></div>
 +
<div id="b2">
 +
<div class="play" class="button" onclick="MM_timelinePlay('Timeline3')">play</div>
 +
<div class="stop" class="button" onclick="MM_timelineStop('Timeline3')">stop</div></div>
 +
</div>
 +
</div>
 +
<div class="word" id="device">
 +
<h2>Reaction device</h2>
 +
<p>We also designed a light-driven biohybrid reaction device to apply our system to practical use. After a few test, we proved our device to be quite practical. <a href="https://2018.igem.org/Team:Nanjing-China/Hardware">(see hardware for more details)</a> </p></div>
 +
</div>
 +
<div class="footer">
 +
    <div align="center">
 +
      <div class="f">
 +
        <div class="f-word"><p><strong><u>Address</u></strong></p>
 +
            <p>Life Science Department<br />
 +
              #163 Xianlin Blvd, Qixia District<br />
 +
              Nanjing University<br />
 +
              Nanjing, Jiangsu Province<br />
 +
              P.R. of China<br />
 +
              Zip: 210046
 +
            </p></div>
 +
          <div class="f-word">
 +
            <p><strong><u>Email</u></strong></p>
 +
            <p>nanjing_china@163.com</p>
 +
            <p><strong><u>Social media</u></strong></p>
 +
            <p>Twitter button: <br/>
 +
            <a href="https://twitter.com/Guja1501">iGEM Nanjing-China@nanjing_china</a></p>
 +
        </div>
 +
        <div class="f-img">
 +
          <div align="center"><img src="https://static.igem.org/mediawiki/2017/0/04/T-Nanjing-China-%E5%8D%97%E4%BA%AC%E5%A4%A7%E5%AD%A6.png" name="img1" width="80" height="110" id="img1" /></div>
 +
        </div>
 +
          <div class="f-img">
 +
            <div align="right"><img src=" https://static.igem.org/mediawiki/2017/d/d4/T-Nanjing-China-%E5%9B%BE%E7%89%873.png
 +
" name="img2" width="80" height="110" id="img2" /></div>
 +
          </div>
 +
          <div class="f-img">
 +
            <div align="center"><img src="https://static.igem.org/mediawiki/2017/3/37/T-Nanjing-China-s1.png" name="img3" width="80" height="80" id="img3" /></div>
 +
          </div>
 +
          <div class="f-img">
 +
            <div align="right"><img src="https://static.igem.org/mediawiki/2017/d/dc/T-Nanjing-China-%E5%9B%BE%E7%89%872.png" name="img4" width="80" height="80" id="img4"  /></div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
      <div class="f-b"><img src="https://static.igem.org/mediawiki/2018/5/58/T--Nanjing-China--footer-4.png" width="100%" /></div>
 +
  </div>
 +
</div>
 +
</body>
 
</html>
 
</html>

Latest revision as of 03:02, 18 October 2018

Nanjing-China2018

Overview

Our design is composed of three parts: biosynthesis of CdS semiconductor, light-driven nitrogen fixation and a light-driven biohybrid reaction device. This system is the expansion of our previous project of hydrogen production (Nanjing-China 2016), and it proves that surface display mechanism is capable of being expanded to a general principle for light-driven biohybrid reactions.

Biosynthesis of CdS semiconductor on cell surface

To construct our light-driven system, we induce the in situ synthesis of CdS semiconductor on the E. coli cell surface. One key element of our system is fused protein OmpA-PbrR. OmpA (Outer membrane protein A) fixes the protein complex on outer cell membrane while PbrR (lead-specific binding protein) adsorbs Cd2+ in the environment and further forms CdS semiconductor on cell surface.

After Cd2+ ions are added into the culture, the ions specifically bind to PbrR protein contributing to the aggregation of Cd2+. Combining with S2- ions in the media, CdS semiconductors are therefore formed on the outer membrane of cells.

play
stop

Light-driven nitrogen fixation in E. coli cells

When the system is exposed in light, electrons of the CdS semiconductor conduct transit, and CdS provide these excited electrons to the electrons to Mo-Fe protein subunit of nitrogenase. Subsequently, the Mo-Fe protein utilizes the energy from these electrons to reduce N2(dinitrogen) to NH3(ammonia). Finally, the semiconductor regains its lost electron from sacrificial electron donors.

This design is of general applications as OmpA protein is merely a surface display mechanism for E. coli, and PbrR can be replaced with other proteins with different specificity.

play
stop

Reaction device

We also designed a light-driven biohybrid reaction device to apply our system to practical use. After a few test, we proved our device to be quite practical. (see hardware for more details)

Address

Life Science Department
#163 Xianlin Blvd, Qixia District
Nanjing University
Nanjing, Jiangsu Province
P.R. of China
Zip: 210046

Email

nanjing_china@163.com

Social media

Twitter button:
iGEM Nanjing-China@nanjing_china