Team:ZJU-China/Project

From 2011.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 1: Line 1:
-
{{Template:Zjuheader}}
+
{{Template:Zjucss_modeling}}
 +
{{Template:Zjucss_global}}
 +
{{Template:Zjucss_template2}}
 +
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-
<link href='http://fonts.googleapis.com/css?family=Molengo' rel='stylesheet' type='text/css'>
+
<title>Biofilm Background</title>
-
<link href='http://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
+
<link href='http://fonts.googleapis.com/css?family=Molengo'
-
<link rel='stylesheet' type='text/css' href='main.css' />
+
rel='stylesheet' type='text/css'>
-
<link href="Modeling.css" rel="stylesheet" type="text/css">
+
<link href='http://fonts.googleapis.com/css?family=Hammersmith+One'
 +
rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Alice'
 +
rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Ovo' rel='stylesheet'
 +
type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Federo'
 +
rel='stylesheet' type='text/css'>
 +
<!-- include the Tools -->
 +
<script src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script>
 +
</head>
 +
<body>
 +
<div class="global">
 +
<div class="header">
 +
<div class="bgimg"></div>
 +
<div class="bgpart1"></div>
 +
<div class="bgpart2"></div>
-
<style>
 
 +
<div class="banner">
 +
<div class="logo"><img
 +
src="https://static.igem.org/mediawiki/2011/c/c9/Logo.png" width="200"
 +
height="200" /></div>
 +
<div class="title"><img
 +
src="http://ung.igem.org/wiki/images/b/b3/Title.png" width="603"
 +
height="220" /></div>
 +
<div class="igemlogo"><a target="_blank"
 +
href="https://2011.igem.org"><img
 +
src="https://static.igem.org/mediawiki/2011/e/e2/Igemlogo.png" width="180"
 +
height="150" /></a></div>
 +
</div>
 +
<!--banner-->
 +
<div class="nav">
 +
<ul id="topnav">
 +
<li><a id="P_Home" href="https://2011.igem.org/Team:ZJU-China/index.html">Home</a></li>
 +
<li><a id="P_Project"
 +
href="https://2011.igem.org/Team:ZJU-China/Project.html">Project</a> <!--Subnav Starts Here-->
-
.block h1{
+
<!--Subnav Ends Here--></li>
-
font-size:36pt;
+
<li><a id="P_Team" href="https://2011.igem.org/Team:ZJU-China/Team.html">Team</a>
-
}
+
-
.block a{
+
-
color:#ff3333;
+
-
}
+
 +
</li>
 +
<li><a id="P_Notebook"
 +
href="https://2011.igem.org/Team:ZJU-China/Notebook.html">Notebook</a></li>
 +
<li><a id="P_HumanPractice"
 +
href="https://2011.igem.org/Team:ZJU-China/Humanpractice.html">HumanPractice</a></li>
 +
<li id="search">
 +
<div id="searchbar">
-
.block h1, h2{
+
<div>
-
border-bottom: none;
+
<form action="http://www.google.com.hk/cse" id="cse-search-box"
-
padding-left:10px;
+
target="_blank">
-
padding-bottom:0;
+
<div><input type="hidden" name="cx"
-
padding-top:0;
+
value="005438704919531788579:zbfi5n-q5du" /> <input type="hidden"
-
}
+
name="cof" value="FORID:10" /> <input type="hidden" name="ie"
-
.block a{
+
value="UTF-8" /> <input type="text" name="q" size="15" /> <input
-
color:#666666;
+
type="submit" name="sa" value="Search" /></div>
-
}
+
</form>
-
.block hr{
+
<script type="text/javascript"
-
height:2px;
+
src="http://www.google.com/cse/brand?form=cse-search-box&lang=en"></script></div>
-
margin-left:15px;
+
</div>
-
margin-right:15px;
+
</li>
-
}
+
</ul>
-
.footer{
+
</div>
-
background-color:#666666;
+
<!--navbar--> <script type="text/javascript">
-
padding:10px;
+
  document.getElementById('P_Team').onclick=function(){
-
text-align:center;
+
  document.getElementById('P_Te').style.display='block'
-
}
+
-
.footer a{
+
-
color:#cccccc;
+
-
margin:10px;
+
-
text-decoration:none;
+
-
}
+
-
.footer a:hover {
+
-
color:#FFF;
+
-
text-decoration:none;
+
-
cursor:pointer;
+
-
</style>
+
 +
    document.getElementById('P_Pr').style.display='none'
 +
document.getElementById('P_No').style.display='none'
 +
document.getElementById('P_Hu').style.display='none'
 +
<!-- document.getElementById('P_Pr').style.display='none' -->
 +
  };
 +
    document.getElementById('P_Project').onclick=function(){
 +
  document.getElementById('P_Pr').style.display='block'
 +
    document.getElementById('P_Te').style.display='none'
 +
document.getElementById('P_No').style.display='none'
 +
document.getElementById('P_Hu').style.display='none'
 +
<!-- document.getElementById('P_Pr').style.display='none' -->
 +
  };
 +
    document.getElementById('P_Notebook').onclick=function(){
 +
  document.getElementById('P_No').style.display='block'
 +
    document.getElementById('P_Pr').style.display='none'
 +
document.getElementById('P_Te').style.display='none'
 +
document.getElementById('P_Hu').style.display='none'
 +
<!-- document.getElementById('P_Pr').style.display='none' -->
 +
  };
 +
    document.getElementById('P_HumanPractice').onclick=function(){
 +
  document.getElementById('P_Hu').style.display='block'
 +
    document.getElementById('P_Pr').style.display='none'
 +
document.getElementById('P_No').style.display='none'
 +
document.getElementById('P_Te').style.display='none'
 +
<!-- document.getElementById('P_Pr').style.display='none' -->
 +
  };
 +
 
 +
</script></div>
 +
<!--header-->
 +
<div id="contentwrapper">
 +
<div class="main">
 +
<div class="bgpart3"></div>
 +
<div class="leftulcontainer" id="orange">
 +
<div id="leftul" class="leftul">
 +
<div id="accordion">
-
<!-- include the Tools -->
+
<h4 class="current" id="try">Biofilm</h4>
-
<script src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script>  
+
 +
<div class="pane" style="display: block;"><a
 +
href="https://2011.igem.org/Team:ZJU-China/Project.html">Background</a> <a
 +
href="https://2011.igem.org/Team:ZJU-China/bio-Design.html">Design</a> <a
 +
href="https://2011.igem.org/Team:ZJU-China/bio-modeling.html">Modeling</a> <a
 +
href="https://2011.igem.org/Team:ZJU-China/bio-results.html">Results</a></div>
 +
<h4>Rainbofilm</h4>
 +
<div class="pane"><a
 +
href="https://2011.igem.org/Team:ZJU-China/rainbo-Background.html">Background</a>
 +
<a href="https://2011.igem.org/Team:ZJU-China/rainbo-Design.html">Design</a> <a
 +
href="https://2011.igem.org/Team:ZJU-China/rainbo-modeling-v1.html">Modeling</a> <a
 +
href="https://2011.igem.org/Team:ZJU-China/rainbo-Results.html">Results</a><a href="https://2011.igem.org/Team:ZJU-China/rainbo-Extension.html">Extension</a></div>
 +
<h4>Xfilm</h4>
-
</head>
+
<div class="pane">
-
<body>
+
<a href="https://2011.igem.org/Team:ZJU-China/X-Overview.html">Overview</a>
 +
<a href="https://2011.igem.org/Team:ZJU-China/X-Sugarfilm.html">Sugarfilm</a><a href="https://2011.igem.org/Team:ZJU-China/X-Sensorfilm.html">Sensorfilm</a><a href="https://2011.igem.org/Team:ZJU-China/X-Gluefilm.html">Gluefilm</a></div>
 +
<h4>Parts</h4>
 +
<div class="pane"><a
 +
href="https://2011.igem.org/Team:ZJU-China/BBa_I13602.html">BBa_I13602</a> <a
 +
href="https://2011.igem.org/Team:ZJU-China/BBa_K561000.html">BBa_K561000</a> <a
 +
href="https://2011.igem.org/Team:ZJU-China/BBa_K561002.html">BBa_K561002</a> <a
 +
href="https://2011.igem.org/Team:ZJU-China/BBa_K561003.html">BBa_K561003</a></div>
 +
<h4>Achievements</h4>
 +
<div class="pane"><a href="https://2011.igem.org/Team:ZJU-China/data.html">Data
 +
Page</a> <a href="https://2011.igem.org/Team:ZJU-China/judging.html">Judging Form</a> <a
 +
href="https://2011.igem.org/Team:ZJU-China/attribution.html">Attribution and
 +
Contributions</a></div>
 +
<h4>Tools</h4>
-
  <div id="contentwrapper">
+
<div class="pane"><a href="https://2011.igem.org/Team:ZJU-China/Tools.html">Tools</a>
-
<div class="main">
+
-
<div  class="pagetitle" id="nbook">
+
-
      <h3>Overview</h3>  
+
</div>
</div>
-
 
-
 
-
    <div id="leftul"><div class="leftul">
 
-
                <div id="accordion">
 
-
 
-
<h4>Overview</h4>
 
-
 
-
<div class="pane" >
 
-
                <a  href="https://2011.igem.org/Team:ZJU-China/Project">Summary</a>
 
-
<a  href="https://2011.igem.org/Team:ZJU-China/Project/Stratifiedsystem">Background<br/></a>
 
-
<a  href="https://2011.igem.org/Team:ZJU-China/Project/Result">Results<br/></a>
 
-
        <a  href="https://2011.igem.org/Team:ZJU-China/Project/Future">Future Application</a>
 
-
 
-
 
-
 
-
 
-
</div>
 
-
 
-
<h4 class="current">Modeling</h4>
 
-
 
-
<div class="pane" style="display:block;">
 
-
<a  href="https://2011.igem.org/Team:ZJU-China/Modeling">|Biofilm formation<br/></a>
 
-
<a  href="https://2011.igem.org/Team:ZJU-China/Modeling/Biobrick">|Biobrick<br/></a>
 
-
        <a  href="#">|Results<br/></a>
 
-
 
-
 
-
</div>
 
-
 
-
<h4>Results</h4>
 
-
 
-
<div class="pane" >
 
-
<a  href="https://2011.igem.org/Team:ZJU-China/Datapage">Data page</a>
 
-
                <a  href="https://2011.igem.org/Team:ZJU-China/Parts">Parts</a>
 
-
 
-
 
-
</div>
 
-
 
-
</div>
 
-
 
-
<a href="#jumptop"><img style="margin-top:10px;" src="https://static.igem.org/mediawiki/2011/4/45/Zju-jump-top.jpg" width="160"></a>
 
-
</div>
 
-
<!-- activate tabs with JavaScript -->
 
<script>  
<script>  
$(function() {  
$(function() {  
Line 118: Line 160:
$("#accordion").tabs("#accordion div.pane", {tabs: 'h4', effect: 'slide', initialIndex: null});
$("#accordion").tabs("#accordion div.pane", {tabs: 'h4', effect: 'slide', initialIndex: null});
});
});
-
</script>  
+
</script> <!-- Navigation scroll follow --> <script type="text/javascript">
-
<!-- Navigation scroll follow -->
+
-
    <script type="text/javascript">
+
         $(window).scroll(function () {  
         $(window).scroll(function () {  
             var scrollPos = $(window).scrollTop();
             var scrollPos = $(window).scrollTop();
-
             if (scrollPos > 310) {
+
             if (scrollPos > 330) {
                 $(".leftul").addClass("stickToTop");
                 $(".leftul").addClass("stickToTop");
             } else {
             } else {
Line 130: Line 170:
      
      
         });
         });
-
     </script>
+
     </script></div>
-
</div>
+
<!--accordion--></div>
-
         
+
<!--leftul--></div>
-
  <div class="bigblock" id="m_biofilm"><div class="block" id="introduction">
+
<!--leftulcontainer-->
-
    <h3><font color="white">Introduction</font></h3>
+
-
    <hr/>
+
-
    <p id="intro"><strong>abstract:</strong>.................................</p>
+
-
<div class="block" id="compartment">
+
<div class="rightcontainer">
-
<h3>..........</h3>
+
<div id="styleA" class="frame">
-
<hr/>
+
<div id="orange"><p></p>
-
<p>.................
+
<h1>Background</h1>
 +
</div>
 +
<p></p>
 +
<p>Biofilm is a multi-cellular bacteria community, which is
 +
prevalent in diverse natural and artificial settings. It is best known
 +
for its robust adaptability and strong resistance to environmental
 +
stress. We intended to utilize and modify this natural multicellular
 +
structure to develop a new kind of extracellular scaffold, constructing
 +
a stratified protein expression system using the naturally formed graded
 +
oxygen concentration within the bacteria biofilm.<br />
 +
</p>
 +
<p></p>
 +
<p>Biofilm formation process can be roughly divided into four
 +
stages: bacteria attachment, micro colony formation, biofilm maturation
 +
and biofilm dispersion. The best sample for the observation is the
 +
matured biofilm, which, according to previous studies, was formed after
 +
48 hours after inoculation with only exception in bubbling method
 +
(Bandara HM et al. 2009; Klausen M. et al. 2003.). <br />
</p>
</p>
-
</div>
+
<p></p>
-
<div class="block" id="component">
+
<p>Based on the references (Almeida C. et al. 2011; Rani SA et al.
-
<h3>...........</h3>
+
2007), we’ve developed three different biofilm formation methods:
-
<hr/>
+
Bubbling method, Rubber tube method and cell culture plate method. The
-
<p>....................
+
biofilm formed in the two former ways were observed through
-
</p></div>
+
cryo-sectioning coupled with normal fluorescence microscopy while
-
<div class="block" id="process">
+
confocal laser scanning microscope was employed to obtain the biofilm
-
<h3>..............</h3>
+
images of the third method. In addition to the above, we’ve tested
-
<hr/>
+
different material’s applicability in biofilm formation experiments and
-
<p>...................</p></div>
+
introduced autoinducer AI-2 as an accelerator molecule.</p>
-
<p style ="clear:both"></p>
+
<img src="https://static.igem.org/mediawiki/2011/9/9d/ZjuYU1.gif"
-
</div>
+
width="690px" /></div>
-
<div class="block" id="mmodeling">
+
<!--bgcolors--></div>
-
<h3>.............</h3><hr/>
+
<!--important--></div>
-
<p>.................</p>
+
<!--orange-->
 +
<p style="clear: both"></p>
 +
<div class="footer" id="footer"><a href="https://2011.igem.org/">
 +
iGem 2011 Home Page</a> <a href="http://ung.igem.org/Special:Upload/">
 +
Upload Files</a> <a
 +
href="https://2011.igem.org/wiki/index.php?title=Template:Zjucss_main&action=edit">Edit
 +
CSS</a> <a href="http://ung.igem.org/Team_Wikis?year=2011"> Team Wikis</a> <a
 +
href="mailto:zjuigem@gmail.com?"><strong>Contact Us</strong></a></div>
</div>
</div>
-
<div class="block" id="sr"></div>
+
<!--contentwrapper-->
-
</div>
+
-
<script type="text/javascript">
+
-
 
+
-
</script>
+
-
 
+
-
 
+
-
 
+
-
</div>
+
-
<p style ="clear:both"></p>
+
-
<p style ="clear:both"></p>
+
-
           
+
-
<div class="footer" id="footer"><a href="https://2011.igem.org/"> iGem 2011 Home Page</a>
+
-
          <a href="http://ung.igem.org/Special:Upload/"> Upload Files</a>
+
-
          <a href="https://2011.igem.org/wiki/index.php?title=Template:Zjucss_main&action=edit">Edit CSS</a>
+
-
          <a href="http://ung.igem.org/Team_Wikis?year=2011"> Team Wikis</a>
+
-
          <a href="mailto:zjuigem@gmail.com?"><strong>Contact Us</strong></a>
+
-
         
+
-
  </div>
+
</div>
</div>
</body>
</body>
</html>
</html>
-
 
-
 
-
 
-
{{Template:Zjucss_Modeling}}
 

Latest revision as of 18:22, 28 October 2011

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Biofilm Background

Biofilm

Rainbofilm

Xfilm

Parts

Achievements

Tools

Background

Biofilm is a multi-cellular bacteria community, which is prevalent in diverse natural and artificial settings. It is best known for its robust adaptability and strong resistance to environmental stress. We intended to utilize and modify this natural multicellular structure to develop a new kind of extracellular scaffold, constructing a stratified protein expression system using the naturally formed graded oxygen concentration within the bacteria biofilm.

Biofilm formation process can be roughly divided into four stages: bacteria attachment, micro colony formation, biofilm maturation and biofilm dispersion. The best sample for the observation is the matured biofilm, which, according to previous studies, was formed after 48 hours after inoculation with only exception in bubbling method (Bandara HM et al. 2009; Klausen M. et al. 2003.).

Based on the references (Almeida C. et al. 2011; Rani SA et al. 2007), we’ve developed three different biofilm formation methods: Bubbling method, Rubber tube method and cell culture plate method. The biofilm formed in the two former ways were observed through cryo-sectioning coupled with normal fluorescence microscopy while confocal laser scanning microscope was employed to obtain the biofilm images of the third method. In addition to the above, we’ve tested different material’s applicability in biofilm formation experiments and introduced autoinducer AI-2 as an accelerator molecule.