Team:ZJU-China/Project

From 2011.igem.org

(Difference between revisions)
 
(19 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" />
-
<title>无标题文档</title>
+
<title>Biofilm Background</title>
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
<link href='http://fonts.googleapis.com/css?family=Molengo'
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
rel='stylesheet' type='text/css'>
-
<link href='http://fonts.googleapis.com/css?family=Molengo' rel='stylesheet' type='text/css'>
+
<link href='http://fonts.googleapis.com/css?family=Hammersmith+One'
-
<link href='http://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
+
rel='stylesheet' type='text/css'>
-
<title>无标题文档</title>
+
<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'>
-
<style>
+
<!-- include the Tools -->
-
.main{background-color:#e9e9e9;
+
<script src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script>
-
position:static;
+
-
top:auto;
+
-
height:auto;
+
-
padding:0px;
+
-
padding-top:0px;
+
-
padding-right:0px;
+
-
vertical-align:middle;
+
-
width:970px;margin:0;text-align:left;position:relative;
+
-
font-family:'Molengo', sans-serif;}
+
-
#tab{
+
-
background-color:transparent;
+
-
}
+
-
#tab tr td #stra{
+
-
position:relative;
+
-
display:block;
+
-
margin:10px;
+
-
-moz-border-radius: 10px;
+
-
-webkit-border-radius: 10px;
+
-
border-radius: 10px;
+
-
filter:alpha(opacity=50);
+
-
-moz-opacity:0.5;
+
-
-khtml-opacity: 0.5;
+
-
opacity: 0.5;
+
-
}
+
-
.pagetitle h3{
+
-
font-size: 26pt;
+
-
color:white;
+
-
display:block;
+
-
margin:10px;
+
-
padding-bottom:10px;
+
-
}
+
-
#tab tr td #stra{
+
-
background-color:#f19226;
+
-
vertical-align:top;
+
-
+
-
}
+
-
a {
+
-
text-decoration:none;}
+
-
#tab tr td #stra:hover {
+
-
filter:alpha(opacity=100);
+
-
-moz-opacity:1.0;
+
-
-khtml-opacity:1.0;
+
-
opacity:1.0;
+
-
text-decoration:none;
+
-
}
+
-
#stra p{color:white;
+
-
margin:10px;
+
-
padding:0;}
+
-
 
+
-
.bigblock{
+
-
margin:0;
+
-
width:900px;
+
-
margin:10px;
+
-
color:#333333;
+
-
background-color:transparent;
+
-
font-size:12pt;
+
-
padding:10px;
+
-
font-family: 'Molengo', sans-serif;
+
-
vertical-align:middle;}
+
-
.block{
+
-
-moz-border-radius: 5px;
+
-
-webkit-border-radius: 5px;
+
-
border-radius: 5px;
+
-
background-color: white;
+
-
}
+
-
.bigblock #intro h2{
+
-
+
-
font-size:28px;}
+
-
.bigblock #intro p{
+
-
padding:5px;
+
-
margin:5px;}
+
-
.footer{
+
-
background-color:#666666;
+
-
padding:10px;
+
-
text-align:center;
+
-
}
+
-
.footer a{
+
-
color:#cccccc;
+
-
margin:10px;
+
-
text-decoration:none;
+
-
}
+
-
.footer a:hover {
+
-
color:#FFF;
+
-
text-decoration:none;
+
-
cursor:pointer;
+
-
}
+
-
</style>
+
</head>
</head>
-
<body><div id="contentwrapper"><div class="main">
+
<body>
-
<table id="tab"  border="0" cellspacing="1" cellpadding="1">
+
<div class="global">
-
  <tr>
+
<div class="header">
-
    <td><div class="pagetitle" id="stra"><a href="#"> <h3>Project|Stratified system</h3><p>brief introduction</p></a></div></td>
+
<div class="bgimg"></div>
-
    <td><div class="pagetitle" id="stra"><a href="#"> <h3>Modeling</h3><p>brief introduction</p></a></div></td>
+
<div class="bgpart1"></div>
-
    <td><div class="pagetitle" id="stra"><a href="#"> <h3>Future application</h3><p>brief introduction</p></a></div></td>
+
<div class="bgpart2"></div>
-
  </tr>
+
-
</table>
+
-
<div class="bigblock"><div class="block" id="intro"><h2>Overview</h2><hr/>
+
<div class="banner">
-
<p>aaaaaaa</p>
+
<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>
</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-->
 +
 +
<!--Subnav Ends Here--></li>
 +
<li><a id="P_Team" href="https://2011.igem.org/Team:ZJU-China/Team.html">Team</a>
 +
 +
</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">
 +
 +
<div>
 +
<form action="http://www.google.com.hk/cse" id="cse-search-box"
 +
target="_blank">
 +
<div><input type="hidden" name="cx"
 +
value="005438704919531788579:zbfi5n-q5du" /> <input type="hidden"
 +
name="cof" value="FORID:10" /> <input type="hidden" name="ie"
 +
value="UTF-8" /> <input type="text" name="q" size="15" /> <input
 +
type="submit" name="sa" value="Search" /></div>
 +
</form>
 +
<script type="text/javascript"
 +
src="http://www.google.com/cse/brand?form=cse-search-box&lang=en"></script></div>
 +
</div>
 +
</li>
 +
</ul>
</div>
</div>
 +
<!--navbar--> <script type="text/javascript">
 +
  document.getElementById('P_Team').onclick=function(){
 +
  document.getElementById('P_Te').style.display='block'
-
</div></div>
+
    document.getElementById('P_Pr').style.display='none'
-
<div class="footer" id="footer"><a href="https://2011.igem.org/"> iGem 2011 Home Page</a>
+
document.getElementById('P_No').style.display='none'
-
          <a href="http://ung.igem.org/Special:Upload/"> Upload Files</a>
+
document.getElementById('P_Hu').style.display='none'
-
          <a href="https://2011.igem.org/wiki/index.php?title=Template:Zjucss_main&action=edit">Edit CSS</a>
+
<!-- document.getElementById('P_Pr').style.display='none' -->
-
          <a href="http://ung.igem.org/Team_Wikis?year=2011"> Team Wikis</a>
+
  };
-
          <a href="mailto:zjuigem@gmail.com?"><strong>Contact Us</strong></a>
+
    document.getElementById('P_Project').onclick=function(){
-
         
+
  document.getElementById('P_Pr').style.display='block'
-
  </div>
+
    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">
 +
 
 +
 
 +
<h4 class="current" id="try">Biofilm</h4>
 +
 
 +
<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>
 +
 
 +
<div class="pane">
 +
<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 class="pane"><a href="https://2011.igem.org/Team:ZJU-China/Tools.html">Tools</a>
 +
</div>
 +
 
 +
<script>
 +
$(function() {
 +
 +
$("#accordion").tabs("#accordion div.pane", {tabs: 'h4', effect: 'slide', initialIndex: null});
 +
});
 +
</script> <!-- Navigation scroll follow --> <script type="text/javascript">
 +
        $(window).scroll(function () {
 +
            var scrollPos = $(window).scrollTop();
 +
            if (scrollPos > 330) {
 +
                $(".leftul").addClass("stickToTop");
 +
            } else {
 +
                $(".leftul").removeClass("stickToTop");
 +
            }
 +
   
 +
        });
 +
    </script></div>
 +
<!--accordion--></div>
 +
<!--leftul--></div>
 +
<!--leftulcontainer-->
 +
 
 +
<div class="rightcontainer">
 +
<div id="styleA" class="frame">
 +
<div id="orange"><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></p>
 +
<p>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.</p>
 +
<img src="https://static.igem.org/mediawiki/2011/9/9d/ZjuYU1.gif"
 +
width="690px" /></div>
 +
<!--bgcolors--></div>
 +
<!--important--></div>
 +
<!--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>
 +
<!--contentwrapper-->
 +
</div>
</body>
</body>
</html>
</html>

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.