Team:Peking/Project/BioSensors/MulticomponentAnalysis

From 2013.igem.org

(Difference between revisions)
 
(181 intermediate revisions not shown)
Line 139: Line 139:
.Navbar_Item > ul > li {float:left; list-style:none; text-align:center; background-color:transparent; position:relative; top:10px; padding:0 10px;}
.Navbar_Item > ul > li {float:left; list-style:none; text-align:center; background-color:transparent; position:relative; top:10px; padding:0 10px;}
.Navbar_Item:hover{ border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;}
.Navbar_Item:hover{ border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;}
-
.Navbar_Item:hover > ul{ display:block;}
+
.Navbar_Item:hover > ul{zoom:1; display:block;}
.Navbar_Item:hover >a {color:#D00000; background-color:#fafaf8;}
.Navbar_Item:hover >a {color:#D00000; background-color:#fafaf8;}
.Navbar_Item > ul > li:hover {border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;}
.Navbar_Item > ul > li:hover {border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;}
.Navbar_Item > ul > li:hover >a {color:#D00000}
.Navbar_Item > ul > li:hover >a {color:#D00000}
 +
.BackgroundofSublist{position:absolute; left:-1000px; width:2000px; height:80px; background-color:#ffffff; opacity:0;}
Line 151: Line 152:
#DataPage_Sublist{position:relative; top:0px; left:-60px;}
#DataPage_Sublist{position:relative; top:0px; left:-60px;}
#Safety_Sublist{position:relative; top:0px; left:-180px;}
#Safety_Sublist{position:relative; top:0px; left:-180px;}
-
#HumanPractice_Sublist{position:relative; top:0px; left:-420px;}
+
#HumanPractice_Sublist{position:relative; top:0px; left:-470px;}
#iGEM_logo{position:absolute; top:30px; left:1090px; height:80px;}
#iGEM_logo{position:absolute; top:30px; left:1090px; height:80px;}
Line 163: Line 164:
#LeftNavigation{position:fixed; top:130px; float:left; width:200px; height:100%; background-color:#313131;z-index:1200;}
#LeftNavigation{position:fixed; top:130px; float:left; width:200px; height:100%; background-color:#313131;z-index:1200;}
-
#SensorsListTitle{position:absolute; top:20px; left:20px; color:#ffffff; font-size:25px; font-family: calibri, arial, helvetica, sans-serif; text-decoration:none; border-bottom:0px;}
+
#SensorsListTitle{position:absolute; top:20px; left:15px; color:#ffffff; font-size:25px; font-family: calibri, arial, helvetica, sans-serif; text-decoration:none; border-bottom:0px;}
#SensorsListTitle a {color:#ffffff; text-decoration:none;}
#SensorsListTitle a {color:#ffffff; text-decoration:none;}
-
#SensorsList{position:absolute; top:70px; left:15px; color:#ffffff; font-family: calibri, arial, helvetica, sans-serif;}
+
#SensorsList{position:absolute; top:70px; left:5px; color:#ffffff; font-family: calibri, arial, helvetica, sans-serif;}
-
#SensorsList > li {display:block; list-style-type:none; width:100px; height:13px; font-size:16px; text-align:left; background-color:transparent;}
+
#SensorsList > li {display:block; list-style-type:none; width:165px; height:20px; font-size:16px; text-align:left; background-color:transparent;}
.SensorsListItem>a {color:#ffffff; text-decoration:none;}
.SensorsListItem>a {color:#ffffff; text-decoration:none;}
#SensorsListTitle:hover >a{color:#999999;}
#SensorsListTitle:hover >a{color:#999999;}
Line 172: Line 173:
-
#SensorEditingArea{position:absolute; left:200px; top:360px; height:6000px; width:1000px; background-color:#ffffff;}
+
#SensorEditingArea{position:absolute; left:200px; top:360px; height:7850px; width:1000px; background-color:#ffffff;}
#SensorEditingArea a{color:#ca4321; font-weight:bold;}
#SensorEditingArea a{color:#ca4321; font-weight:bold;}
Line 185: Line 186:
#PageSubtitle1{text-align:center; position:absolute; top:100px ; left:80px;border-bottom:0px ; color:#ffffff; font-weight:bold ;font-style:Italic;font-size:24px;font-family:calibri,arial,helvetica,sans-serif;background-color:#ca4321; height:40px;width:120px ;line-height:40px}
#PageSubtitle1{text-align:center; position:absolute; top:100px ; left:80px;border-bottom:0px ; color:#ffffff; font-weight:bold ;font-style:Italic;font-size:24px;font-family:calibri,arial,helvetica,sans-serif;background-color:#ca4321; height:40px;width:120px ;line-height:40px}
-
#PageSubtitle2{text-align:center; position:absolute; top:660px ; left:80px;border-bottom:0px ; color:#ffffff; font-weight:bold ;font-style:Italic;font-size:24px;font-family:calibri,arial,helvetica,sans-serif;background-color:#ca4321; height:40px;width:250px ;line-height:40px }
+
#PageSubtitle2{text-align:center; position:absolute; top:1000px ; left:80px;border-bottom:0px ; color:#ffffff; font-weight:bold ;font-style:Italic;font-size:24px;font-family:calibri,arial,helvetica,sans-serif;background-color:#ca4321; height:40px;width:250px ;line-height:40px }
 +
 
 +
 
#ContentHbpR1{line-height:25px; text-align:justify; position:absolute; top:150px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;}
#ContentHbpR1{line-height:25px; text-align:justify; position:absolute; top:150px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;}
-
#ContentHbpR2{line-height:25px;text-align:justify; position:absolute; top:710px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;}
+
#ContentHbpR2{line-height:25px;text-align:justify; position:absolute; top:1050px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;}
#ContentHbpR3{line-height:25px;text-align:justify; position:absolute; top:1647px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;}
#ContentHbpR3{line-height:25px;text-align:justify; position:absolute; top:1647px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;}
-
#ContentHbpR4{line-height:25px;text-align:justify; position:absolute; top:2156px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;}
+
#ContentHbpR4{line-height:25px;text-align:justify; position:absolute; top:2300px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;}
-
#ContentHbpR5{line-height:25px;text-align:justify; position:absolute; top:5035px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;}
+
#ContentHbpR5{line-height:25px;text-align:justify; position:absolute; top:5230px ; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;}
-
#FigureHbpR1{line-height:20px; text-align:justify; position:absolute; top:1506px ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;}
+
#FigureHbpR0{line-height:20px; text-align:justify; position:absolute; top:900px ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;}
-
#FigureHbpR2{line-height:20px; text-align:justify; position:absolute; top:2050px ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;}
+
#FigureHbpR1{line-height:20px; text-align:justify; position:absolute; top:1760px ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;}
-
#FigureHbpR3{line-height:20px; text-align:justify; position:absolute; top:4510px ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;}
+
#FigureHbpR2{line-height:20px; text-align:justify; position:absolute; top:2150px ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;}
-
#FigureHbpR4{line-height:20px; text-align:justify; position:absolute; top:4960px ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;}
+
#FigureHbpR3{line-height:20px; text-align:justify; position:absolute; top:4630px ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;}
 +
#FigureHbpR4{line-height:20px; text-align:justify; position:absolute; top:5110px ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;}
#ReferenceHbpR{line-height:20px; text-align:justify; position:absolute; top:5200px ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;}
#ReferenceHbpR{line-height:20px; text-align:justify; position:absolute; top:5200px ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;}
-
#FigurePic1{position:absolute; top:1075px; left:200px; width:600px}
+
#FigurePic0{position:absolute; top:460px; left:200px; width:600px}
-
#FigurePic2{position:absolute; top:1800px; left:100px; width:800px; }
+
#FigurePic1{position:absolute; top:1360px; left:200px; width:600px}
-
#FigurePic3{position:absolute; top:2330px; left:80px;  width:840px}
+
#FigurePic2{position:absolute; top:1900px; left:100px; width:800px; }
-
#FigurePic4{position:absolute; top:2690px; left:80px;  width:840px}
+
#FigurePic3{position:absolute; top:2480px; left:80px;  width:840px}
-
#FigurePic5{position:absolute; top:3050px; left:80px; width:840px}
+
#FigurePic4{position:absolute; top:2840px; left:80px;  width:840px}
-
#FigurePic6{position:absolute; top:3410px; left:80px;  width:840px}
+
#FigurePic5{position:absolute; top:3200px; left:85px; width:830px}
-
#FigurePic7{position:absolute; top:3770px; left:80px;  width:840px}
+
#FigurePic6{position:absolute; top:3560px; left:80px;  width:840px}
-
#FigurePic8{position:absolute; top:4130px; left:80px;  width:840px}
+
#FigurePic7{position:absolute; top:3920px; left:80px;  width:840px}
-
#FigurePic9{position:absolute; top:4650px; left:350px;  width:300px}
+
#FigurePic8{position:absolute; top:4280px; left:80px;  width:840px}
 +
#FigurePic9{position:absolute; top:4800px; left:350px;  width:300px}
 +
 
 +
#Rnew{position:absolute; top:5360px ; width:840px; border-bottom:0px;}
 +
 
 +
 
 +
#PageSubtitle3{text-align:center; position:relative; left:80px; border-bottom:0px ; color:#ffffff; font-weight:bold ;font-style:Italic;font-size:24px;font-family:calibri,arial,helvetica,sans-serif;background-color:#ca4321; height:40px;width:400px ;line-height:40px;padding:0px; }
 +
 
 +
#ContentHbpR6{line-height:25px;text-align:justify; position:relative; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;}
 +
 
 +
#FigureHbpR5{line-height:20px; text-align:justify; position:relative ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;}
 +
 
 +
#FigureHbpR7{line-height:20px; text-align:justify; position:relative ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;}
 +
#FigurePic10{position:relative; left:250px;  width:500px}
 +
 
 +
#FigurePic11{position:relative; left:250px;  width:500px}
 +
 
 +
#FigurePic12{position:relative; left:350px;  width:300px}
 +
 
 +
#FigurePic13{position:relative; left:150px;  width:700px}
 +
 
 +
#PageSubtitle4{text-align:center; position:relative; left:80px; border-bottom:0px ; color:#ffffff; font-weight:bold ;font-style:Italic;font-size:24px;font-family:calibri,arial,helvetica,sans-serif;background-color:#ca4321; height:40px;width:400px ;line-height:40px;padding:0px; }
 +
 
 +
#ContentHbpR7{line-height:25px;text-align:justify; position:relative; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;}
 +
 
 +
#ContentHbpR8{line-height:25px;text-align:justify; position:relative; left:80px; width:840px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;}
 +
 
 +
#FigureHbpR6{line-height:20px; text-align:justify; position:relative ; left:100px; width:800px; border-bottom:0px; color:#1b1b1b; font-size:14px;font-family:arial,calibri,helvetica,sans-serif;}
 +
 
 +
#PageSubtitle5{text-align:center; position:relative; left:80px; border-bottom:0px ; color:#ffffff; font-weight:bold ;font-style:Italic;font-size:24px;font-family:calibri,arial,helvetica,sans-serif;background-color:#ca4321; height:40px;width:400px ;line-height:40px;padding:0px; }
 +
 
 +
#MileStone1{position:relative; top:-200px;}
 +
#MileStone2{position:relative; top:800px;}
 +
#MileStone3{position:relative; top:-200px;}
 +
#MileStone4{position:relative; top:-200px;}
 +
#MileStone5{position:relative; top:-200px;}
Line 224: Line 263:
<ul id="navigationbar">
<ul id="navigationbar">
<li id="PKU_navbar_Home" class="Navbar_Item">
<li id="PKU_navbar_Home" class="Navbar_Item">
 +
                       
<a href="https://2013.igem.org/Team:Peking">Home</a>
<a href="https://2013.igem.org/Team:Peking">Home</a>
<ul id="Home_Sublist" >
<ul id="Home_Sublist" >
Line 229: Line 269:
</li>
</li>
<li id="PKU_navbar_Team" class="Navbar_Item">
<li id="PKU_navbar_Team" class="Navbar_Item">
-
<a >Team</a>
+
<a href="">Team</a>
<ul id="Team_Sublist">
<ul id="Team_Sublist">
 +
                                <div class="BackgroundofSublist"></div>
<li><a href="https://2013.igem.org/Team:Peking/Team/Members">Members</a></li>
<li><a href="https://2013.igem.org/Team:Peking/Team/Members">Members</a></li>
<li><a href="https://2013.igem.org/Team:Peking/Team/Notebook">Notebook</a></li>
<li><a href="https://2013.igem.org/Team:Peking/Team/Notebook">Notebook</a></li>
Line 239: Line 280:
<a href="https://2013.igem.org/Team:Peking/Project">Project</a>
<a href="https://2013.igem.org/Team:Peking/Project">Project</a>
<ul id="Project_Sublist">
<ul id="Project_Sublist">
 +
                                <div class="BackgroundofSublist"></div>
                                 <li><a href="https://2013.igem.org/Team:Peking/Project/SensorMining">Biosensor Mining</a></li>
                                 <li><a href="https://2013.igem.org/Team:Peking/Project/SensorMining">Biosensor Mining</a></li>
<li><a href="https://2013.igem.org/Team:Peking/Project/BioSensors">Biosensors</a></li>
<li><a href="https://2013.igem.org/Team:Peking/Project/BioSensors">Biosensors</a></li>
<li><a href="https://2013.igem.org/Team:Peking/Project/Plugins">Adaptors</a></li>
<li><a href="https://2013.igem.org/Team:Peking/Project/Plugins">Adaptors</a></li>
<li><a href="https://2013.igem.org/Team:Peking/Project/BandpassFilter">Band-pass Filter</a></li>
<li><a href="https://2013.igem.org/Team:Peking/Project/BandpassFilter">Band-pass Filter</a></li>
 +
                                <li><a href="https://2013.igem.org/Team:Peking/Project/Devices">Devices</a></li>
</ul>
</ul>
</li>
</li>
<li id="PKU_navbar_Model" class="Navbar_Item">
<li id="PKU_navbar_Model" class="Navbar_Item">
-
<a href="https://2013.igem.org/Team:Peking/Model">Model</a>
+
<a href="">Model</a>
<ul id="Model_Sublist">
<ul id="Model_Sublist">
 +
                                <div class="BackgroundofSublist"></div>
 +
                                <li><a href="https://2013.igem.org/Team:Peking/Model">Band-pass Filter</a></li>
 +
                                <li><a href="https://2013.igem.org/Team:Peking/ModelforFinetuning">Biosensor Fine-tuning</a></li>
</ul>
</ul>
</li>
</li>
                         <li id="PKU_navbar_HumanPractice" class="Navbar_Item" style="width:90px">
                         <li id="PKU_navbar_HumanPractice" class="Navbar_Item" style="width:90px">
-
<a >Data page</a>
+
<a href="">Data page</a>
-
<ul id="DataPage_Sublist">
+
<ul id="DataPage_Sublist">
 +
                                <div class="BackgroundofSublist"></div>
                                 <li><a href="https://2013.igem.org/Team:Peking/DataPage/Parts">Parts</a></li>
                                 <li><a href="https://2013.igem.org/Team:Peking/DataPage/Parts">Parts</a></li>
<li><a href="https://2013.igem.org/Team:Peking/DataPage/JudgingCriteria">Judging Criteria</a></li>
<li><a href="https://2013.igem.org/Team:Peking/DataPage/JudgingCriteria">Judging Criteria</a></li>
Line 265: Line 312:
<li id="PKU_navbar_HumanPractice" class="Navbar_Item" style="width:120px">
<li id="PKU_navbar_HumanPractice" class="Navbar_Item" style="width:120px">
<a href="https://2013.igem.org/Team:Peking/HumanPractice">Human Practice</a>
<a href="https://2013.igem.org/Team:Peking/HumanPractice">Human Practice</a>
-
<ul id="HumanPractice_Sublist">
+
<ul id="HumanPractice_Sublist">
-
                                 <li><a href="https://2013.igem.org/Team:Peking/HumanPractice/Questionnaire">Questionnaire</a></li>
+
                                <div class="BackgroundofSublist"></div>
-
<li><a href="https://2013.igem.org/Team:Peking/HumanPractice/FactoryVisit">Factory Visit</a></li>
+
                                 <li><a href="https://2013.igem.org/Team:Peking/HumanPractice/Questionnaire">Questionnaire Survey</a></li>
-
<li><a href="https://2013.igem.org/Team:Peking/HumanPractice/ModeliGEM">Practical Analysis</a></li>
+
<li><a href="https://2013.igem.org/Team:Peking/HumanPractice/FactoryVisit">Visit and Interview</a></li>
-
                                <li><a href="https://2013.igem.org/Team:Peking/HumanPractice/iGEMWorkshop">Team Coummunication</a></li>
+
                                <li><a href="https://2013.igem.org/Team:Peking/HumanPractice/ModeliGEM">Practical Analysis</a></li>
 +
<li><a href="https://2013.igem.org/Team:Peking/HumanPractice/iGEMWorkshop">Team Communication</a></li>
 +
 
</ul>
</ul>
</li>
</li>
</ul>
</ul>
-
         <a href="https://igem.org/Team_Wikis?year=2013"><img id="iGEM_logo" src="https://static.igem.org/mediawiki/igem.org/4/48/Peking_igemlogo.jpg"/></a>
+
         <a href="https://2013.igem.org/Main_Page"><img id="iGEM_logo" src="https://static.igem.org/mediawiki/igem.org/4/48/Peking_igemlogo.jpg"/></a>
</div>
</div>
<!--end navigationbar-->
<!--end navigationbar-->
Line 281: Line 330:
<div id="MajorBody">   
<div id="MajorBody">   
<div id="ProjectTitle">
<div id="ProjectTitle">
-
<h1 id="ProjectName">Multicomponent Analysis</h1>
+
<h1 id="ProjectName">Multi-component Analysis</h1>
                 <h1 id="ProjectSubname"></h1>
                 <h1 id="ProjectSubname"></h1>
                 <img src="https://static.igem.org/mediawiki/igem.org/9/96/Peking2013-biosensortitile-zyh.jpg"/>
                 <img src="https://static.igem.org/mediawiki/igem.org/9/96/Peking2013-biosensortitile-zyh.jpg"/>
Line 289: Line 338:
                 <h1 id="SensorsListTitle"><a href="https://2013.igem.org/Team:Peking/Project/BioSensors">Biosensors</a></h1>
                 <h1 id="SensorsListTitle"><a href="https://2013.igem.org/Team:Peking/Project/BioSensors">Biosensors</a></h1>
                 <ul id="SensorsList">
                 <ul id="SensorsList">
-
                     <li class="SensorsListItem" style="font-size:18px; height:15px; width:180px; position:relative; left:-10px;">Individual Biosensors<li>
+
                     <li class="SensorsListItem" style="font-size:19px; height:15px; width:180px; position:relative; left:-5px;padding:5px 0px;"><a style="font-size:19px;" href="https://2013.igem.org/Team:Peking/Project/BioSensors">Individual Biosensors</a><li>
-
                    <li class="SensorsListItem"><a href="https://2013.igem.org/Team:Peking/Project/BioSensors/XylS">XylS</a><li>
+
-
                    <li class="SensorsListItem"><a href="https://2013.igem.org/Team:Peking/Project/BioSensors/XylR">XylR</a><li>
+
-
                    <li class="SensorsListItem"><a href="https://2013.igem.org/Team:Peking/Project/BioSensors/HbpR">HbpR</a><li>
+
-
                    <li class="SensorsListItem"><a href="https://2013.igem.org/Team:Peking/Project/BioSensors/HcaR">HcaR</a><li>
+
-
                    <li class="SensorsListItem"><a href="https://2013.igem.org/Team:Peking/Project/BioSensors/HpaR">HpaR</a><li>
+
-
                    <li class="SensorsListItem"><a href="https://2013.igem.org/Team:Peking/Project/BioSensors/HpaR#ContentHpaR4">PaaX</a><li>
+
-
                    <li class="SensorsListItem"><a href="https://2013.igem.org/Team:Peking/Project/BioSensors/DmpR">DmpR</a><li>
+
-
                    <li class="SensorsListItem"><a href="https://2013.igem.org/Team:Peking/Project/BioSensors/NahR">NahR</a><li>
+
                      
                      
-
                     <li class="SensorsListItem" style="font-size:18px; height:40px; width:180px; position:relative; left:-10px; top:25px;"><a  href="https://2013.igem.org/Team:Peking/Project/BioSensors/MulticomponentAnalysis">Multi-component Analysis</a></li>
+
                     <li class="SensorsListItem" style="font-size:19px; height:40px; width:180px; position:relative; left:-5px; top:0px; padding:10px 0px;"><a  href="https://2013.igem.org/Team:Peking/Project/BioSensors/MulticomponentAnalysis">Multi-component Analysis</a></li>
 +
                    <li class="SensorsListItem"><a href="#MileStone1">Necessity</a></li>
 +
                    <li></li>
 +
                    <li class="SensorsListItem"><a href="#MileStone2">Orthogonality Tests</a></li>
 +
                    <li></li>
 +
                    <li class="SensorsListItem"><a href="#MileStone3">Important Features</a></li>
 +
                    <li></li>
 +
                    <li class="SensorsListItem"><a href="#MileStone4">Application Method</a></li>
 +
                    <li></li>
 +
                    <li class="SensorsListItem"><a href="#MileStone5">Method verification</a></li>
 +
                    <li></li>
                 </ul>
                 </ul>
          
          
Line 306: Line 357:
         <div >
         <div >
             <h id="PageTitle"></h>
             <h id="PageTitle"></h>
 +
<div id="MileStone1"></div>
             <h id="PageSubtitle1"> Necessity </h>
             <h id="PageSubtitle1"> Necessity </h>
 +
<div id="MileStone2"></div>
             <h id="PageSubtitle2"> Orthogonality Tests </h>
             <h id="PageSubtitle2"> Orthogonality Tests </h>
-
 
+
<img id="FigurePic0" src="https://static.igem.org/mediawiki/2013/a/a8/Peking2013_Biosensorfig3.png "/>
<img id="FigurePic1" src=" https://static.igem.org/mediawiki/igem.org/4/45/Peking2013_MAFigure1.jpg "/>
<img id="FigurePic1" src=" https://static.igem.org/mediawiki/igem.org/4/45/Peking2013_MAFigure1.jpg "/>
<img id="FigurePic2" src=" https://static.igem.org/mediawiki/igem.org/9/92/Peking2013_MAFigure2.jpg "/>
<img id="FigurePic2" src=" https://static.igem.org/mediawiki/igem.org/9/92/Peking2013_MAFigure2.jpg "/>
Line 322: Line 375:
-
<p id="ContentHbpR1">
 
-
As for the analysis of environmental samples, the comprehensiveness and complexity of it must be considered. Environmental samples usually contain lots of components, which are not only of diverse structures but also at quite low concentrations (<B>Table.1</B>) [1][2]. Therefore, a robust detection method serving the purpose of multicomponent analysis is highly meaningful when it comes to environmental analysis. To apply the well-characterization biosensors we built in multicomponent analysis, the nonexistence of synergistic or antagonistic effects, in another word, orthogonality, among inducers should be confirmed.
 
 +
<p id="ContentHbpR1">
 +
We have equipped our toolkit with <a href="https://2013.igem.org/Team:Peking/Project/BioSensors">a collection of biosensors</a>, each capable of sensing a specific group of aromatic compounds (<b>Fig. 1</b>). Considering the complexity of practical analysis, we may need to analyze a multi-component sample using more than one biosensors. For example, a sample maybe consists of both 4-CISaA (an inducer of NahR) and 3-CIBzO (an inducer of XylS). If we want to quantify the concentrations of both 4-CISaA and 3-CIBzO, the biosensors NahR and XylS need to be applied to the sample separately. To make sure that the multi-component analysis is valid, we must guarantee that the presence of 3-CIBzO won’t interfere with the dose response of NahR biosensor to 4-CISaA, and vice versa.
 +
<br/><br/>
 +
If the presence of an inducer of XylS (not an inducer of NahR) doesn’t interfere with the dose response of NahR to any of its inducers, and vice versa, we call the biosensor NahR and XylS are "orthogonal"; namely, no synergistic/antagonistic effects happen between the inducers of NahR and XylS biosensors.
</p>
</p>
<p id="ContentHbpR2">
<p id="ContentHbpR2">
-
Biosensors were subjected to the orthogonality test, in which whether there was synergistic or antagonistic effect among inducers was tested.
+
We examined the orthogonality between 4 representative biosensors (<b>Fig.2</b>). The orthogonality test between two biosensors, biosensor I and biosensor II, was performed in the following procedure:
-
<br/><br/>Orthoganaility between inducer A (originally detected by biosensor I) and B (originally detected by biosensor II) were tested in the following manner (<B>Fig.1</B>). To test the effect of inducer B upon the dose-response curve of inducer A obtained by biosensor I:
+
</br></br>
-
<br/>
+
1. A typical inducer A for biosensor I and a typical inducer B for biosensor II were selected.<br/>
-
(1) Fluorescence intensity of biosensor I elicited by inducer A of concentration gradient was measured as standard results (<B>Fig.1a</B>, Lane 1);
+
2. The dose response of biosensor I to inducer A was measured, under the perturbation of inducer B.<br/>
-
<br/>
+
3. The dose-response of biosensor II to inducer B was measured, under the perturbation of inducer A.
-
(2) And fluorescence intensity of biosensor I induced by inducer A of concentration gradient in the presence of a certain concentration of inducer B was measured (<B>Fig.1a</B>, Lane 2 and 3</B>) and  compared with the standard results.
+
</br></br>
-
<br/><br/>
+
If biosensor I and biosensor II are orthogonal, the dose response of biosensor I to inducer A should be constant, regardless of the concentrations of inducer B; and the dose response of biosensor II to inducer B should be constant, regardless of the concentrations of inducer A. Namely, for two "orthogonal" biosensors, the perturbation of an unrelated inducer has negligible effect on the dose response of a biosensor to its related inducer (<b>Fig. 3</b>).
-
The effect of inducer A upon the dose-response curve of inducer B obtained by biosensor II was tested vice versa (<B>Fig.1b</B>).
+
 
</p>
</p>
<p id="ContentHbpR3">
<p id="ContentHbpR3">
-
 
-
We managed to demonstrate the orthogonality among inducers of different biosensors in a more quantitative and visible way (<B>Fig.2</B>). X-axis represented the fluorescence intensity of biosensor I induced by inducer A, while Y-axis represented the fluorescence intensity of biosensor I induced by inducer A along with inducer B (<B>Fig.2a</B>). If inducer A and B were orthogonal, the fluorescence intensity should be identical no matter with or without the irrelevant inducer B. That is to say, the ideal experimental points should be aligned in a line whose slope is one (<B>Fig.2b</B>).
 
</p>
</p>
Line 348: Line 401:
<p id="ContentHbpR4">
<p id="ContentHbpR4">
-
The orithogonality of inducers of XylS, NahR, HbpR and DmpR biosensors have been carefully confirmed using the test assay introduced above (<B>Fig.3</B>). The experimental points were processed by linear fitting and the slopes of the fitting curves were compared with 1. The closer the slope was to 1, the more orthogonal the inducers were. The results showed that inducers of biosensor XylS and NahR (<B>Fig.3a,b</B>), XylS and HbpR (<B>Fig.3c,d</B>), NahR and HbpR (<B>Fig.3e,f</B>), XylS and DmpR (<B>Fig.3g,h</B>), NahR and DmpR (<B>Fig.3i,j</B>), and HbpR and DmpR (<B>Fig.3k,l</B>) are all highly orthogonal, which is summarized in Fig.4.
+
The orthogonality between XylS, NahR, HbpR and DmpR biosensors have been carefully evaluated using the assay discussed above (<b>Fig. 2</b>). The data were processed by linear fitting and the slopes of the fitting curves were compared with 1 (<b>Fig. 3, Fig. 4</b>). The closer the slope was to 1, the more orthogonal the two biosensors were. Results showed that the biosensor pairs, XylS and NahR (<b>Fig.4a, b</b>), XylS and HbpR (<b>Fig.4c, d</b>), NahR and HbpR (<b>Fig.4e, f</b>), XylS and DmpR (<b>Fig.4g, h</b>), NahR and DmpR (<b>Fig.4i, j</b>), and HbpR and DmpR (<b>Fig.4k, l</b>) are all orthogonal, as summarized in <b>Fig. 5</b>.
</p>
</p>
<p id="ContentHbpR5">
<p id="ContentHbpR5">
-
  In conclusion, we have confirmed the orthogonality among inducers of different biosensors, which is one of the main features we expect for our aromatics-sensing toolkit. Our sensors are well suited to multicomponent analysis.
+
  In conclusion, we have confirmed the orthogonality among inducers of different biosensors, which is one of the main features we expect for our aromatics-sensing toolkit; this allowed the combination of these biosensors to profile aromatics for the ease of practical applications.  
</p>
</p>
 +
 +
<div id="Rnew">
 +
 +
<div id="MileStone3"></div>       
 +
<h1 id="PageSubtitle3"> Two Important Features</h1>
 +
 +
<p id="ContentHbpR6">
 +
  We have carefully determined the detection range of each fine-tuned biosensor through the ON-OFF test of 78 diverse aromatics and those detection ranges composed the comprehensive detection profile of our biosensor toolkit. Calibration dose-response curves for typical inducers were determined. In addition, orthogality tested were carried out systematically to confirm the non-existence of synergistic or antagonistic effects between typical inducers of each of the biosensors. With these two features, our biosensor collection is feasible for the analysis of practical samples, which might contain several different kinds of aromatic compounds (<b>Fig. 6</b>).
 +
</p>
 +
 +
<img id="FigurePic10" src=" https://static.igem.org/mediawiki/2013/0/0f/Peking2013_Orthogonality_Figure10.jpg "/>
 +
 +
<p id="FigureHbpR5">
 +
<b>Fig. 6</b> Features of biosensor collection we built. The collection of fine-tuned and well-characterized biosensors for various typical aromatic compounds and the orthogonality among inducers made our biosensor collection feasible for the analysis of practical samples. For more information about the two features, please visit <a href="https://2013.igem.org/Team:Peking/Project/BioSensors">Biosensor Introduction</a>.
 +
</p>
 +
 +
</br>
 +
</br>
 +
 +
<div id="MileStone4"></div>
 +
<h1 id="PageSubtitle4"> Application Method</h1>
 +
 +
 +
<p id="ContentHbpR7">
 +
In a practical analysis, the water sample containing appropriate antibiotics was added to the toolkit equipped with the well-characterized biosensors, namely XylS, NahR, DmpR, HbpR, XylR and HcaR. Then the fluorescence output for each biosensor was measured respectively (<b>Fig. 7a</b>). Then, for each compound, a previously established calibration dose-response curve was used to obtain the measured concentration based on fluorescence output of the corresponding biosensor (<b>Fig. 7b</b>).
 +
</p>
 +
<img id="FigurePic11" src=" https://static.igem.org/mediawiki/2013/4/44/Peking2013_Orthogonality_Figure11.jpg "/>
 +
 +
<p id="FigureHbpR6">
 +
<b>Fig. 7</b> Demonstration of the usage of our biosensor collection. (<b>a</b>) Water sample was added into the toolkit equipped with six biosensors, each sensing a specific category of aromatic compounds: XylS for benzoates, NahR for salicylic acids, DmpR for phenols, HbpR for biphenyls, XylR for xylene and HcaR for phynolpropionate. (<b>b</b>) The fluorescence output of the biosensor was used to retrieve the measured concentration of a specific inducer based on the previous established calibration dose-response curve.
 +
</p>
 +
 +
</br>
 +
</br>
 +
 +
<div id="MileStone5"></div>
 +
<h1 id="PageSubtitle5"> Method Verification </h1>
 +
 +
 +
<p id="ContentHbpR8">
 +
  To evaluate the reliability of such method, we prepared a large collection of samples composed of one or more aromatic compounds of different concentrations. And measured concentrations of the aromatic compounds were obtained using the methods mentioned above. Then ‘Deviation Fold’ for each compound was calculated, by dividing measured concentration with real concentration:
 +
</p>
 +
<img id="FigurePic12" src="https://static.igem.org/mediawiki/2013/8/87/Peking2013_Orthogonality_Figure12.png "/>
 +
<p id="ContentHbpR8">
 +
  A fold close to one indicates that the method is accurate, and vice versa.</br>
 +
  In the following practical-case-illustration of our biosensor toolkit, we prepared a large collection of samples containing four aromatics, three can be detected by corresponding sensors (XylS for 3-methyl-benzoate, NahR for 4-methyl-salicylic acid, HbpR for 2-hydroxyl-biphenyl), one (that is phenol) as interference, since no sensor was used to sense it (<b>Fig. 8a</b>). Three concentrations were set for each of the four compounds and there came out 81 multicomponent samples (<b>Fig. 8b</b>: horizontal and vertical concentration bars). </br>
 +
The 'Deviation Fold' was calculated for biosensor XylS, NahR and HbpR respectively in all the samples (If the real concentration of a specific aromatic compound is zero, ‘Deviation Fold’ was calculated by dividing the measured normalized fluorescence intensity of biosensor with the background normalized fluorescence intensity of the biosensor). As for the interference effect, 'derivation fold' was calculated as the mean of the absolute value of the folds in logarithm scale between the normalized fluorescence intensity with or without the interference, phenol, in the testing samples of the three biosensors. Experimental results were shown in the heat map, where the lighter the color was, the closer to one was the ‘Deviation Fold’, which means the more reliable was our biosensor toolkit (<b>Fig. 8b</b>: color bar in the right). By statistics analysis, over 90% of the deviation folds were between 0.5 and 2, successfully verifying the reliability of our method (<b>Fig. 8b</b>).
 +
</p>
 +
<img id="FigurePic13" src="https://static.igem.org/mediawiki/2013/3/32/Peking2013_Orthogonality_Figure13.jpg "/>
 +
<p id="FigureHbpR7">
 +
<b>Fig. 8</b> A practical multicomponent analysis case to illustrate the reliability of our biosensor toolkit and aromatics-sensing methods. (a) A large set of sample with four aromatics of different concentrations were prepared. Three biosensors were used to test the corresponding aromatics: XylS for 3-methylbenzoate (3-MeBzO); NahR for 4-methyl-salicylic acid (4-MeSaA); HbpR for 2-hydroxyl-biphenyl (2-HBP). Phenol existed as interference since no biosensor was used to test it in this case. (b) Test results demonstrated in heat map. Each square that represents a sample (real concentrations of the 4 aromatic compounds in the sample can be obtained from the ‘concentration bars’ in horizontal and in vertical) contains four colored mini-squares that indicate deviation folds for the four compounds.
 +
 +
</p>
 +
 +
</div>
          
          
-
        <p id="FigureHbpR1">
+
 
 +
<p id="FigureHbpR0">
 +
<b>Figure 1.</b> The aromatics spectrum showing the aromatics-sensing profiles of our individual biosensors.
 +
Each color segment in the central spectrum represents the detection profile of a biosensor. Structural formula highlighted in color stand for the aromatic compounds that can be detected by our biosensors.
 +
</p>
 +
 
 +
<p id="FigureHbpR1">
-
<B>Figure 1.</B> Orthogonality test assay for inducer A (detected by biosensor I) and inducer B (detected by biosensor II). (a) Biosensor I was added into the test assay. Different mixtures of inducers were added into lane 1, 2, and 3 respectively as listed above. Effect of inducer B upon the dose-response curve of inducer A was tested by comparing the fluorescence intensity of biosensor I among lane 1 ,2, and 3. (b) Biosensor II was added into the test assay. Different mixtures of inducers were added into lane 1, 2, and 3 respectively as listed above. Effect of inducer A upon the dose-response curve of inducer B was tested by comparing the fluorescence intensity of biosensor II among lane 1 ,2, and 3.
+
<B>Figure 2.</B> The orthogonality assay for the biosensor I and the biosensor II. (<b>a</b>) Biosensor I was added into the assay. Different inducer mixtures were added into lane 1, 2, and 3, respectively. Effect of inducer B (detected by biosensor II) upon the dose-response curve of inducer A (detected by biosensor I) was tested by comparing the fluorescence intensity of biosensor I among lane 1 ,2, and 3. (<b>b</b>) Biosensor II was added into the assay. Different mixtures of inducers were added into lane 1, 2, and 3, respectively. Effect of inducer A upon the dose-response curve of inducer B was tested by comparing the fluorescence intensity of biosensor II among lane 1 ,2, and 3.
</p>
</p>
<p id="FigureHbpR2">
<p id="FigureHbpR2">
-
<B>Figure 2.</B> Schematic diagram for the way we demonstrated the orthogonality between biosensors’ inducers. (a) The distribution of data in the X-Y plot: fluorescence intensity of biosensor in lane 1 was used as X-coordinate of experimental point; while fluorescence intensity of biosensor in lane 2 or 3 was used as Y-coordinate of the experimental point. (b) If the two inducers were orthogonal, the experimental points was supposed to be aligned in a line whose slope is one.
+
<B>Figure 3.</B>Correlation of the perturbation of inducer B with the dose response of biosensor I to its inducer A, and vice versa. (<b>a</b>) The schematics for the orthogonality assay as in <b>Fig. 2</b>. (<b>b</b>) Horizontal axis represents the fluorescence when there is no inducer B perturbation and the vertical axis represents the fluorescence when the cell is exposed to the perturbation of  inducer B in non-zero concentrations. If the dose response of biosensor I is constant, regardless of the concentrations of inducer B, the slope of the line should be close to 1, if not absolutely equal.
</p>
</p>
<p id="FigureHbpR3">
<p id="FigureHbpR3">
-
<B>Figure 3.</B> Experimental points and the linear fitting curves of the orthogonality test. The black dashed lines are with the slopes of 1, showing as the reference line. The slopes of the experimental fitting curves were showed in the upside portion of the figure, all of them were around 1. These data showed the orthogonality among inducers of biosensors(a, b) XylS and NahR; (c, d) XylS and HbpR; (e, f) NahR and HbpR, (g, h) XylS and DmpR, (i, j) NahR and DmpR, and (k, l) HbpR and DmpR. The experimental points and linear fitting curves of biosensor and its inducers are marked in different colors: XylS in red, NahR in green, HbpR in orange and DmpR in dark cyan.
+
<B>Figure 4.</B> Linear fitting of the data obtained from the orthogonality assay showing that the orthogonality between the 4 representative biosensors. The experiments and data processing were performed as described in <b>Fig. 2</b> and <b>Fig. 3</b>.The black dashed line denotes slope=1 as the reference line. These fittings showed the orthogonality between biosensors, (<b>a, b</b>) XylS and NahR; (<b>c, d</b>) XylS and HbpR; (<b>e, f</b>) NahR and HbpR, (<b>g, h</b>) XylS and DmpR, (<b>i, j</b>) NahR and DmpR, and (<b>k, l</b>) HbpR and DmpR. The experiment data, linear fitting curves of biosensor, and cognate inducers are in different colors: XylS in red, NahR in green, HbpR in orange and DmpR in dark cyan.
</p>
</p>
<p id="FigureHbpR4">
<p id="FigureHbpR4">
-
<B>Figure 4.</B> Summary of the orthogonality among four sensors’ inducers. The inducers among biosensor XylS and NahR, XylS and HbpR, NahR and HbpR, XylS and DmpR, NahR and DmpR, and HbpR and DmpR are all highly orthogonal.
+
<B>Figure 5.</B> Summary of the orthogonality assay to evaluate the synergistic/antagonistic effects between the inducers of 4 representative biosensors. No synergistic or antagonistic effects between the inducers of 4 representative biosensors (XylS, NahR, HbpR, and DmpR) were observed. For instance, although the sensing profiles of NahR and XylS overlap to some extent, the NahR-specific and XylS-specific inducers proved to be really orthogonal.
</p>
</p>
Line 381: Line 495:
-
<p id="ReferenceHbpR">
 
-
<B>Reference:</B>
 
-
</br>
 
-
[1] Zhang lanying, Pre-treatment Technology for Environmental Samples [M]. Beijing, Tsinghua University Press. 2008.
 
-
</br>
 
-
[2] Constantini Samara et. al. (2008) Distribution of persistent organic pollutants, polycyclic aromatic hydrocarbons and trace elements in soil and vegetation following a large scale landfill fire in northern Greece, Environment International. 34:210 – 225
 
-
 
-
</p>
 
  </div>
  </div>

Latest revision as of 19:00, 28 October 2013

Multi-component Analysis

Necessity
Orthogonality Tests

We have equipped our toolkit with a collection of biosensors, each capable of sensing a specific group of aromatic compounds (Fig. 1). Considering the complexity of practical analysis, we may need to analyze a multi-component sample using more than one biosensors. For example, a sample maybe consists of both 4-CISaA (an inducer of NahR) and 3-CIBzO (an inducer of XylS). If we want to quantify the concentrations of both 4-CISaA and 3-CIBzO, the biosensors NahR and XylS need to be applied to the sample separately. To make sure that the multi-component analysis is valid, we must guarantee that the presence of 3-CIBzO won’t interfere with the dose response of NahR biosensor to 4-CISaA, and vice versa.

If the presence of an inducer of XylS (not an inducer of NahR) doesn’t interfere with the dose response of NahR to any of its inducers, and vice versa, we call the biosensor NahR and XylS are "orthogonal"; namely, no synergistic/antagonistic effects happen between the inducers of NahR and XylS biosensors.

We examined the orthogonality between 4 representative biosensors (Fig.2). The orthogonality test between two biosensors, biosensor I and biosensor II, was performed in the following procedure:

1. A typical inducer A for biosensor I and a typical inducer B for biosensor II were selected.
2. The dose response of biosensor I to inducer A was measured, under the perturbation of inducer B.
3. The dose-response of biosensor II to inducer B was measured, under the perturbation of inducer A.

If biosensor I and biosensor II are orthogonal, the dose response of biosensor I to inducer A should be constant, regardless of the concentrations of inducer B; and the dose response of biosensor II to inducer B should be constant, regardless of the concentrations of inducer A. Namely, for two "orthogonal" biosensors, the perturbation of an unrelated inducer has negligible effect on the dose response of a biosensor to its related inducer (Fig. 3).

The orthogonality between XylS, NahR, HbpR and DmpR biosensors have been carefully evaluated using the assay discussed above (Fig. 2). The data were processed by linear fitting and the slopes of the fitting curves were compared with 1 (Fig. 3, Fig. 4). The closer the slope was to 1, the more orthogonal the two biosensors were. Results showed that the biosensor pairs, XylS and NahR (Fig.4a, b), XylS and HbpR (Fig.4c, d), NahR and HbpR (Fig.4e, f), XylS and DmpR (Fig.4g, h), NahR and DmpR (Fig.4i, j), and HbpR and DmpR (Fig.4k, l) are all orthogonal, as summarized in Fig. 5.

In conclusion, we have confirmed the orthogonality among inducers of different biosensors, which is one of the main features we expect for our aromatics-sensing toolkit; this allowed the combination of these biosensors to profile aromatics for the ease of practical applications.

Two Important Features

We have carefully determined the detection range of each fine-tuned biosensor through the ON-OFF test of 78 diverse aromatics and those detection ranges composed the comprehensive detection profile of our biosensor toolkit. Calibration dose-response curves for typical inducers were determined. In addition, orthogality tested were carried out systematically to confirm the non-existence of synergistic or antagonistic effects between typical inducers of each of the biosensors. With these two features, our biosensor collection is feasible for the analysis of practical samples, which might contain several different kinds of aromatic compounds (Fig. 6).

Fig. 6 Features of biosensor collection we built. The collection of fine-tuned and well-characterized biosensors for various typical aromatic compounds and the orthogonality among inducers made our biosensor collection feasible for the analysis of practical samples. For more information about the two features, please visit Biosensor Introduction.



Application Method

In a practical analysis, the water sample containing appropriate antibiotics was added to the toolkit equipped with the well-characterized biosensors, namely XylS, NahR, DmpR, HbpR, XylR and HcaR. Then the fluorescence output for each biosensor was measured respectively (Fig. 7a). Then, for each compound, a previously established calibration dose-response curve was used to obtain the measured concentration based on fluorescence output of the corresponding biosensor (Fig. 7b).

Fig. 7 Demonstration of the usage of our biosensor collection. (a) Water sample was added into the toolkit equipped with six biosensors, each sensing a specific category of aromatic compounds: XylS for benzoates, NahR for salicylic acids, DmpR for phenols, HbpR for biphenyls, XylR for xylene and HcaR for phynolpropionate. (b) The fluorescence output of the biosensor was used to retrieve the measured concentration of a specific inducer based on the previous established calibration dose-response curve.



Method Verification

To evaluate the reliability of such method, we prepared a large collection of samples composed of one or more aromatic compounds of different concentrations. And measured concentrations of the aromatic compounds were obtained using the methods mentioned above. Then ‘Deviation Fold’ for each compound was calculated, by dividing measured concentration with real concentration:

A fold close to one indicates that the method is accurate, and vice versa.
In the following practical-case-illustration of our biosensor toolkit, we prepared a large collection of samples containing four aromatics, three can be detected by corresponding sensors (XylS for 3-methyl-benzoate, NahR for 4-methyl-salicylic acid, HbpR for 2-hydroxyl-biphenyl), one (that is phenol) as interference, since no sensor was used to sense it (Fig. 8a). Three concentrations were set for each of the four compounds and there came out 81 multicomponent samples (Fig. 8b: horizontal and vertical concentration bars).
The 'Deviation Fold' was calculated for biosensor XylS, NahR and HbpR respectively in all the samples (If the real concentration of a specific aromatic compound is zero, ‘Deviation Fold’ was calculated by dividing the measured normalized fluorescence intensity of biosensor with the background normalized fluorescence intensity of the biosensor). As for the interference effect, 'derivation fold' was calculated as the mean of the absolute value of the folds in logarithm scale between the normalized fluorescence intensity with or without the interference, phenol, in the testing samples of the three biosensors. Experimental results were shown in the heat map, where the lighter the color was, the closer to one was the ‘Deviation Fold’, which means the more reliable was our biosensor toolkit (Fig. 8b: color bar in the right). By statistics analysis, over 90% of the deviation folds were between 0.5 and 2, successfully verifying the reliability of our method (Fig. 8b).

Fig. 8 A practical multicomponent analysis case to illustrate the reliability of our biosensor toolkit and aromatics-sensing methods. (a) A large set of sample with four aromatics of different concentrations were prepared. Three biosensors were used to test the corresponding aromatics: XylS for 3-methylbenzoate (3-MeBzO); NahR for 4-methyl-salicylic acid (4-MeSaA); HbpR for 2-hydroxyl-biphenyl (2-HBP). Phenol existed as interference since no biosensor was used to test it in this case. (b) Test results demonstrated in heat map. Each square that represents a sample (real concentrations of the 4 aromatic compounds in the sample can be obtained from the ‘concentration bars’ in horizontal and in vertical) contains four colored mini-squares that indicate deviation folds for the four compounds.

Figure 1. The aromatics spectrum showing the aromatics-sensing profiles of our individual biosensors. Each color segment in the central spectrum represents the detection profile of a biosensor. Structural formula highlighted in color stand for the aromatic compounds that can be detected by our biosensors.

Figure 2. The orthogonality assay for the biosensor I and the biosensor II. (a) Biosensor I was added into the assay. Different inducer mixtures were added into lane 1, 2, and 3, respectively. Effect of inducer B (detected by biosensor II) upon the dose-response curve of inducer A (detected by biosensor I) was tested by comparing the fluorescence intensity of biosensor I among lane 1 ,2, and 3. (b) Biosensor II was added into the assay. Different mixtures of inducers were added into lane 1, 2, and 3, respectively. Effect of inducer A upon the dose-response curve of inducer B was tested by comparing the fluorescence intensity of biosensor II among lane 1 ,2, and 3.

Figure 3.Correlation of the perturbation of inducer B with the dose response of biosensor I to its inducer A, and vice versa. (a) The schematics for the orthogonality assay as in Fig. 2. (b) Horizontal axis represents the fluorescence when there is no inducer B perturbation and the vertical axis represents the fluorescence when the cell is exposed to the perturbation of inducer B in non-zero concentrations. If the dose response of biosensor I is constant, regardless of the concentrations of inducer B, the slope of the line should be close to 1, if not absolutely equal.

Figure 4. Linear fitting of the data obtained from the orthogonality assay showing that the orthogonality between the 4 representative biosensors. The experiments and data processing were performed as described in Fig. 2 and Fig. 3.The black dashed line denotes slope=1 as the reference line. These fittings showed the orthogonality between biosensors, (a, b) XylS and NahR; (c, d) XylS and HbpR; (e, f) NahR and HbpR, (g, h) XylS and DmpR, (i, j) NahR and DmpR, and (k, l) HbpR and DmpR. The experiment data, linear fitting curves of biosensor, and cognate inducers are in different colors: XylS in red, NahR in green, HbpR in orange and DmpR in dark cyan.

Figure 5. Summary of the orthogonality assay to evaluate the synergistic/antagonistic effects between the inducers of 4 representative biosensors. No synergistic or antagonistic effects between the inducers of 4 representative biosensors (XylS, NahR, HbpR, and DmpR) were observed. For instance, although the sensing profiles of NahR and XylS overlap to some extent, the NahR-specific and XylS-specific inducers proved to be really orthogonal.