Team:Peking/Project/BioSensors/MulticomponentAnalysis

From 2013.igem.org

(Difference between revisions)
 
(164 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;}
-
#FigureHbpR0{line-height:20px; text-align:justify; position:absolute; top:700px ; 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;}
-
#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;}
+
#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;}
-
#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;}
+
#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;}
-
#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;}
+
#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:4960px ; 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;}
#FigurePic0{position:absolute; top:460px; left:200px; width:600px}
#FigurePic0{position:absolute; top:460px; left:200px; width:600px}
-
#FigurePic1{position:absolute; top:1075px; left:200px; width:600px}
+
#FigurePic1{position:absolute; top:1360px; left:200px; width:600px}
-
#FigurePic2{position:absolute; top:1800px; left:100px; width:800px; }
+
#FigurePic2{position:absolute; top:1900px; left:100px; width:800px; }
-
#FigurePic3{position:absolute; top:2330px; left:80px;  width:840px}
+
#FigurePic3{position:absolute; top:2480px; left:80px;  width:840px}
-
#FigurePic4{position:absolute; top:2690px; left:80px;  width:840px}
+
#FigurePic4{position:absolute; top:2840px; left:80px;  width:840px}
-
#FigurePic5{position:absolute; top:3050px; left:85px; width:830px}
+
#FigurePic5{position:absolute; top:3200px; left:85px; width:830px}
-
#FigurePic6{position:absolute; top:3410px; left:80px;  width:840px}
+
#FigurePic6{position:absolute; top:3560px; left:80px;  width:840px}
-
#FigurePic7{position:absolute; top:3770px; left:80px;  width:840px}
+
#FigurePic7{position:absolute; top:3920px; left:80px;  width:840px}
-
#FigurePic8{position:absolute; top:4130px; left:80px;  width:840px}
+
#FigurePic8{position:absolute; top:4280px; left:80px;  width:840px}
-
#FigurePic9{position:absolute; top:4650px; left:350px;  width:300px}
+
#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 226: 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 231: 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 241: 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 267: 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 291: 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 308: 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/igem.org/a/a8/Peking2013_Biosensorfig3.png "/>
+
<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 321: Line 372:
<img id="FigurePic8" src=" https://static.igem.org/mediawiki/2013/1/15/Peking2013_Orthogonality_Fig._4%28k-l%29.png "/>
<img id="FigurePic8" src=" https://static.igem.org/mediawiki/2013/1/15/Peking2013_Orthogonality_Fig._4%28k-l%29.png "/>
<img id="FigurePic9" src=" https://static.igem.org/mediawiki/igem.org/2/24/Peking2013_MAFigure4.jpg "/>
<img id="FigurePic9" src=" https://static.igem.org/mediawiki/igem.org/2/24/Peking2013_MAFigure4.jpg "/>
 +
<p id="ContentHbpR1">
<p id="ContentHbpR1">
-
We have equipped our toolkit with a number of individual biosensors, each capable of sensing a group of aromatic compounds (Fig 1). Considering the complexity of environmental samples, we may need to analyze a sample with 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 analyze both the concentration of 4-CISaA and the concentration of 3-CIBzO, we need to apply the biosensor NahR and XylS to the sample separately. In order to make sure of that the analyzing result is valid, we must insure that the existence of 3-CIBzO won’t interfere the dose-response of NahR to 4-CISaA, vice versa.  
+
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/>
<br/><br/>
-
If the existence of each XylS’s inducer, which is not an inducer of NahR, doesn’t interfere the NahR’s dose-response to any of its inducers, vice versa, we call the biosensor NahR and XylS are orthogonal, and we are secured to apply the multi-component analysis with NahR and XylS.  
+
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">
-
We investigated the orthogonality between several pairs of biosensors(Fig.2). The orthogonality between biosensor I and biosensor II is tested in the following manner.
+
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>
</br></br>
-
1. We choose a typical inducer A for biosensor I and a typical inducer B for biosensor II.<br/>
+
1. A typical inducer A for biosensor I and a typical inducer B for biosensor II were selected.<br/>
-
2. We measure the dose-response of biosensor I to inducer A under different concentration of inducer B.<br/>
+
2. The dose response of biosensor I to inducer A was measured, under the perturbation of inducer B.<br/>
-
3. We measure the dose-response of biosensor II to inducer B under different concentration of inducer A.
+
3. The dose-response of biosensor II to inducer B was measured, under the perturbation of inducer A.
</br></br>
</br></br>
-
If biosensor I and biosensor II are orthogonal, the dose-response of biosensor I is invariant to the concentration of inducer B and the dose-response of biosensor II is invariant to the concentration of inducer A. This invariance is showed in the form of Figure 3.
+
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>).
Line 349: 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>
Line 362: Line 469:
<p id="FigureHbpR0">
<p id="FigureHbpR0">
-
<b>Figure 3.</b> The aromatics spectrum showing the aromatics-sensing profiles of our individual biosensors.  
+
<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.
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>
Line 369: Line 476:
-
<B>Figure 1.</B> Orthogonality test assay for biosensor I and 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 (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 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>Correlation of the inducer B and the dose-response of biosensor I to its inducer A. Each point on the right plot represents a concentration of inducer A. It's x coordinate represents the fluorescence when inducer B is 0 micromole and the y coordinate represents the fluorescence when the cell is exposed to a none-zero concentration of inducer B. If the dose-response of biosensor I is invariant to the concentration of inducer B, the x coordinate of a experimental point should be equal to its y coordinate and the experimental points are 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 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.
+
<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 388: 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.