Team:Tsinghua

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
-
<title></title>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<style type="text/css">td img {display: block;}</style>
+
<title>无标题文档</title>
-
<!--Fireworks CS5 Dreamweaver CS5 target.  Created Sat Apr 14 20:15:24 GMT+0800 2012-->
+
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.1.min.js"></script>
<style type="text/css">
<style type="text/css">
 +
/*hack*/
 +
body{
 +
background-color:#FFFFFF;
 +
}
-
#search-controls {
+
#catlinks{
-
position: absolute;
+
visibility:hidden;
-
top:  20px;
+
-
right: 15px;
+
-
width: 150px;
+
-
height: 40px;
+
-
background-color: transparent;
+
-
    text-align: center;
+
-
    z-index: 3;
+
-
}
+
-
input.searchButton {
+
-
margin: 1px 10px 0 10px;
+
-
font-size: 100%;
+
-
background: none;
+
-
border: none;
+
-
color: #FFFFFF;
+
-
font-weight: bold;
+
-
}
+
-
input.searchButton:hover {
+
-
color: E0E0E0;
+
-
}
+
-
#searchInput {
+
-
    width: 10.9em;
+
-
    margin: 0;
+
-
    font-size: 95%;
+
}
}
 +
.firstHeading{visibility:hidden}
-
 
+
/*hack*/
-
#menubar {
+
a{
-
    position: absolute;
+
text-decoration:none;
-
    white-space: nowrap;
+
color:#000000;
-
    top: -6px;
+
-
    width: 400px;
+
-
    z-index: 5;
+
-
    font-family: sans-serif;
+
-
    font-size: 95%;
+
-
    line-height: 1em;
+
-
}
+
-
 
+
-
.left-menu, .left-menu a {
+
-
    left: 0px;
+
-
    text-align: left;
+
-
    color: #000000;
+
-
    opacity:0.6;
+
-
    text-transform: lowercase;
+
-
}
+
-
 
+
-
.left-menu:hover {
+
-
    color: white;
+
-
    background-color: #000000;
+
-
    opacity:0.6;
+
-
}
+
-
.right-menu, .right-menu a {
+
-
    right: 0px;
+
-
    text-align: right;
+
-
    color: white;
+
-
}
+
-
#menubar ul {
+
-
    color: #000000;
+
-
    list-style: none;
+
-
}
+
-
#menubar li {
+
-
    display: inline;
+
-
    position: relative;
+
-
    cursor: pointer;
+
-
    padding-left: 0px;
+
-
    padding-right: 0px;
+
-
}
+
-
.left-menu li a {
+
-
    padding: 0px 10px 0px 0px;
+
-
}
+
-
.left-menu .selected {
+
-
    color: white;
+
-
}
+
-
#.left-menu .selected:hover {
+
-
    color: #5555FF;
+
-
}
+
-
 
+
-
.left-menu:hover a {
+
-
    color: white;
+
-
}
+
-
.right-menu li {
+
-
    background-color: transparent;
+
-
}
+
-
.right-menu li a {
+
-
    padding: 0px 15px 0px 0px;
+
-
    color: white;
+
-
    background-color: transparent;
+
-
}
+
-
.right-menu li a:hover {
+
-
    color: #aaaaff;
+
-
    text-decoration: underline;
+
-
}
+
-
 
+
-
</style>
+
-
<script type="text/javascript" language="JavaScript1.2">
+
-
var item_count = 5;
+
-
var image_over = new Array(item_count);
+
-
var image_down = new Array(item_count);
+
-
var image_normal = new Array(item_count);
+
-
function init(){
+
-
//完成预先载入过程
+
-
preLoadButtonImage();
+
}
}
-
function preLoadButtonImage(){
+
a:hover{
-
//记录导航菜单的项目数
+
text-decoration:none;
-
//var image_over = new Array(item_count);
+
color:#000000;
-
//var image_down = new Array(item_count);
+
}
-
var i = 0;
+
a:link{
-
for (i = 0; i < image_over.length; i++){
+
}
-
image_normal[i] = new Image();
+
a:active{
-
image_over[i] = new Image();
+
}
-
image_down[i] = new Image();
+
a:visited{
-
}
+
-
image_normal[0].src = "https://static.igem.org/mediawiki/2012/e/ed/HOME_NAVI.gif";
+
-
image_normal[1].src = "https://static.igem.org/mediawiki/2012/4/40/Project_NAVI.gif";
+
-
image_normal[2].src = "https://static.igem.org/mediawiki/2012/4/43/TEAM_NAVI.gif";
+
-
image_normal[3].src = "https://static.igem.org/mediawiki/2012/1/1e/NOTEBOOK_NAVI.gif";
+
-
image_normal[4].src = "https://static.igem.org/mediawiki/2012/2/25/Safety_easy.png";
+
-
+
-
 
+
-
+
-
image_over[0].src = "https://static.igem.org/mediawiki/2012/e/ef/HOME_NAVI_OVER.gif";
+
-
image_over[1].src = "https://static.igem.org/mediawiki/2012/4/48/Project_NAVI_OVER.gif";
+
-
image_over[2].src = "https://static.igem.org/mediawiki/2012/4/45/TEAM_NAVI_OVER.gif";
+
-
image_over[3].src = "https://static.igem.org/mediawiki/2012/5/58/NOTEBOOK_NAVI_OVER.gif";
+
-
image_over[4].src = "https://static.igem.org/mediawiki/2012/d/da/Safety_over.png";
+
-
 
+
-
+
-
image_down[0].src = "https://static.igem.org/mediawiki/2012/1/1e/HOME_NAVI_DOWN.gif";
+
-
image_down[1].src = "https://static.igem.org/mediawiki/2012/2/27/Project_NAVI_DOWN.gif";
+
-
image_down[2].src = "https://static.igem.org/mediawiki/2012/f/f4/TEAM_NAVI_DOWN.gif";
+
-
image_down[3].src = "https://static.igem.org/mediawiki/2012/a/a5/NOTEBOOK_NAVI_DOWN.gif";
+
-
image_down[4].src = "https://static.igem.org/mediawiki/2012/5/5e/Safety_down.png";
+
-
 
+
-
+
-
//document.getElementById("Home")[0].src = image_normal[0].src;
+
-
//alert(document.getElementById("Home").id + " " + document.getElementById("Home").nodeName);
+
-
+
-
+
}
}
-
function changeImage_over(obj, pos){
+
div#BannerCleaner{
-
+
position:absolute;
-
obj.src = image_over[pos].src;
+
top:-99px;
 +
left:0px;
 +
z-index:1;
 +
width:100%;
 +
height:300px;
 +
border:none;
 +
background:#FFFFFF;
 +
display:block;
}
}
-
function changeImage_down(obj, pos){
+
div#Header{
-
obj.src = image_down[pos].src;
+
position: absolute;
 +
z-index: 2;
 +
top: -99px;
 +
left: 0px;
 +
width: 977px;
 +
height: 578px;
 +
background: #32B4EB;
 +
background-image: url("https://static.igem.org/mediawiki/2012/8/8e/BannerHome.jpg");
 +
}
 +
div.buttom{
 +
position:absolute;
 +
width:196px;
 +
height:73px;
 +
display:block;
 +
background:#C3C;
 +
cursor:pointer;
 +
overflow:hidden;
}
}
-
function changeImage_leave(obj, pos){
+
div.buttomHome{
-
obj.src = image_normal[pos].src;
+
position:absolute;
 +
left: 433px;
 +
top: 496px;
 +
width: 110px;
 +
height: 157px;
 +
display:block;
 +
background:#C3C;
 +
cursor:pointer;
 +
overflow:hidden;
 +
}
 +
div.buttom:hover{
 +
position:absolute;
 +
width:196px;
 +
height:73px;
 +
display:block;
 +
background:#C3C;
 +
opacity:0.7;
 +
filter:alpha(opacity = 70);
 +
overflow:hidden;
 +
cursor:pointer;
 +
}
 +
div.buttomHome:hover{
 +
position:absolute;
 +
left: 433px;
 +
top: 496px;
 +
width: 110px;
 +
height: 157px;
 +
display:block;
 +
background:#C3C;
 +
opacity:0.7;
 +
filter:alpha(opacity = 70);
 +
overflow:hidden;
 +
cursor:pointer;
 +
}
 +
div.buttom img{
 +
position:relative;
 +
width:100%;
 +
height:100%;
 +
}
 +
div.buttomHome img{
 +
position:relative;
 +
width:100%;
 +
height:100%;
 +
}
 +
.content{
 +
position: absolute;
 +
top: 661px;
 +
left: 0px;
 +
width: 978px;
 +
height: 600px;
 +
display: block;
 +
}
 +
#ground{
 +
width:100%;
 +
height:800px;
 +
background:#FFFFFF;
}
}
-
</script>
 
-
 
-
<style type="text/css">
 
-
.auto-style1 {
 
-
font-family: Arial, Helvetica, sans-serif;
 
-
        font-size:11pt;
 
-
}
 
-
.auto-style2 {
 
-
font-size: 8pt;
 
-
}
 
-
.auto-style4 {
 
-
text-align: left;
 
-
}
 
</style>
</style>
 +
<script type="application/javascript">
 +
//jQuery.noConflict();
 +
$("document").ready(function(){
 +
$("div[pID=1]").click(function(){
 +
 +
$(this).animate({left:'-=2', top:'-=2',width:'+=4',height:'+=4'}, 'fast');
 +
$(this).animate({left:'+=2', top:'+=2',width:'-=4',height:'-=4'}, 'fast');
 +
});
 +
});
 +
</script>
</head>
</head>
-
<body bgcolor="#ffffff" onLoad="Javascript:init();">
 
-
 
-
<div id="TOP_BAR" style="position: absolute; width: 976px; height: 100px; z-index: 2; left: -1px; top: -100px; background:white">
 
-
<img src="https://static.igem.org/mediawiki/2012/4/43/TOPBAR_Temp.png" height="100%" width="100%" alt="TOPBAR"/>
 
-
</div>
 
-
 
-
<div style="position: absolute; width: 975px; height: 50px; z-index: 1; left: 0px; top: 0px; background:white" id="layer1">
 
-
 
-
<table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="975px">
 
-
 
-
  <tr>
 
-
  <td><img src="https://static.igem.org/mediawiki/2012/5/52/Spacer.gif" width="90" height="1" border="0" alt="" /></td>
 
-
  <td><img src="https://static.igem.org/mediawiki/2012/5/52/Spacer.gif" width="108" height="1" border="0" alt="" /></td>
 
-
  <td><img src="https://static.igem.org/mediawiki/2012/5/52/Spacer.gif" width="92" height="1" border="0" alt="" /></td>
 
-
  <td><img src="https://static.igem.org/mediawiki/2012/5/52/Spacer.gif" width="134" height="1" border="0" alt="" /></td>
 
-
  <td><img src="https://static.igem.org/mediawiki/2012/5/52/Spacer.gif" width="1" height="1" border="0" alt="" /></td>
 
-
  <td><img src="https://static.igem.org/mediawiki/2012/5/52/Spacer.gif" width="1" height="1" border="0" alt="" /></td>
 
-
  </tr>
 
-
 
-
  <tr>
 
-
  <td><a href="https://2012.igem.org/Team:Tsinghua"><img name="Home" src="https://static.igem.org/mediawiki/2012/e/ed/HOME_NAVI.gif" width="90" height="32" border="0" id="Home" alt="Home" onmouseover="javascript:changeImage_over(this, 0);" onmousedown="javascript:changeImage_down(this, 0);" onmouseleave="javascript:changeImage_leave(this, 0);" onmouseout="javascript:changeImage_leave(this, 0);"/></a></td>
 
-
  <td><a href="https://2012.igem.org/Team:Tsinghua/Project"><img name="Project" src="https://static.igem.org/mediawiki/2012/4/40/Project_NAVI.gif" width="108" height="32" border="0" id="Project" alt="Project" onmouseover="javascript:changeImage_over(this, 1);" onmousedown="javascript:changeImage_down(this, 1);" ononmouseleave="javascript:changeImage_leave(this, 1);" onmouseout="javascript:changeImage_leave(this, 1);"/></a></td>
 
-
  <td><a href="https://2012.igem.org/Team:Tsinghua/Team"><img name="Team" src="https://static.igem.org/mediawiki/2012/4/43/TEAM_NAVI.gif" width="92" height="32" border="0" id="Team" alt="Team" onmouseover="javascript:changeImage_over(this, 2);" onmousedown="javascript:changeImage_down(this, 2);" onmouseleave="javascript:changeImage_leave(this, 2);" onmouseout="javascript:changeImage_leave(this, 2);"/></a></td>
 
-
  <td><a href="https://2012.igem.org/Team:Tsinghua/Notebook"><img name="Notebooo" src="https://static.igem.org/mediawiki/2012/1/1e/NOTEBOOK_NAVI.gif" width="134" height="32" border="0" id="Notebook" alt="Notebook" onmouseover="javascript:changeImage_over(this, 3);" onmousedown="javascript:changeImage_down(this, 3);" onmouseleave="javascript:changeImage_leave(this, 3);" onmouseout="javascript:changeImage_leave(this, 3);"/></a></td>
 
-
  <td><a href="https://2012.igem.org/Team:Tsinghua/Safety"><img name="Safety" src="https://static.igem.org/mediawiki/2012/2/25/Safety_easy.png" width="100" height="32" border="0" id="Notebook" alt="Notebook" onmouseover="javascript:changeImage_over(this, 4);" onmousedown="javascript:changeImage_down(this, 4);" onmouseleave="javascript:changeImage_leave(this, 4);" onmouseout="javascript:changeImage_leave(this, 4);"/></a></td>
 
-
  <td><img src="https://static.igem.org/mediawiki/2012/5/52/Spacer.gif" width="200" height="32" border="0" alt="" /></td>
 
-
 
-
  </tr>
 
-
</table>
 
-
 
-
</div>
 
-
 
-
<div id="Introduction"  style="height: 871px; margin-left:46px; z-index:2;  margin-right:46px" >
 
-
 
-
 
-
<p class="auto-style1">With the development of modern technology, the computer
 
-
has become an essential tool in people’s daily life. At the beginning of the
 
-
21st century, the biological computer was introduced. In recent studies, people
 
-
have established different logical pathways such as "<a target="_blank" href="http://en.wikipedia.org/wiki/Binary_and">and</a>",
 
-
"<a target="_blank" href="http://en.wikipedia.org/wiki/Binary_and">or</a>" and "<a target="_blank" href="http://en.wikipedia.org/wiki/Binary_and">xor</a>&nbsp;(<span class="auto-style2">Exclusive
 
-
or</span>) " in prokaryote cells and mammalian cells. However, we discover that
 
-
these pathways can only function in single cells. But we also find that these
 
-
implementations are limited in one cell, which in fact greatly suppress the
 
-
ability of application in which we require <strong>high-throughout</strong>,
 
-
<strong>large scale</strong>, <strong>super-fast</strong> delivery and
 
-
processing of information.&nbsp; We want to design a biofilm-based E.chip that
 
-
will allow signal transmission and processing among E.coli bacterial colonies.
 
-
The rapid proliferation of bacteria and their large number will help us realize
 
-
the idea of cloud computation through biological computers.</p>
 
-
<p class="auto-style1">Firstly, we will construct an information
 
-
transmission module.</p>
 
-
<p class="auto-style1">In a traditional cell-cell communication system, the
 
-
signal is determined by the presence of signal molecules. The problem with
 
-
this system is that it can only support a small number of cells and the
 
-
information we can transmit with it is very limited. In modern communication
 
-
systems, signals are transmitted through microwaves, which have a higher
 
-
capacity and are easier to process. Therefore, we want E.coli to generated a
 
-
signal wave, to fulfill our needs for information transmission. </p>
 
-
 
-
<p class="auto-style1">Then, a parallel information transduction system should be built.  We plan to let signal travel in the fashion of waves-the waves of concentration of some molecules.  And the parallel system is based on this consideration.  By using multiple signaling systems together, we could let signals travel and function independently, thus making .  At present, we use several kinds of quorum sensing systems to approach out goal.</p>
 
-
 
-
<p class="auto-style1">And now we put Escherichia coli carrying with multiple signal transduction pathways onto a chip which we call it E.chip.  Although signal travels independently, we cross link their back-end to produce wanted calculation.  And the process is shown below in the animation.</p>
 
-
 
-
<img alt="Animation"  src="https://static.igem.org/mediawiki/2012/8/8e/Description1.gif" />
 
-
 
-
</div>
 
-
 
-
 
-
 
-
 
-
 
-
 
 +
<body>
 +
<div id = "ground"></div>
 +
<div id = "BannerCleaner"></div>
 +
<div class="Header" id="Header"></div>
 +
<div id = "home" class = "buttomHome" pID = 1 flag1 = 0><img src="https://static.igem.org/mediawiki/2012/4/43/Home_tsinghua.gif"/></div>
 +
<div id = "project" class = "buttom" style = "top:496px; left:1px;" pID = 1 flag1 = 0><img src = "https://static.igem.org/mediawiki/2012/3/37/Project_tsinghua.gif"></div>
 +
<div id = "dataresult" class = "buttom" style = "top:496px; left:215px;" pID = 1 flag1 = 0><img src = "https://static.igem.org/mediawiki/2012/8/8a/Data.gif"></div>
 +
<div id = "team" class = "buttom" style = "top:496px; left:568px;" pID = 1 flag1 = 0><img src = "https://static.igem.org/mediawiki/2012/a/a7/Team_tsinghua.gif"></div>
 +
<div id = "safety" class = "buttom" style = "top:496px; left:782px;" pID = 1 flag1 = 0><img src = "https://static.igem.org/mediawiki/2012/6/66/Safety_tsinghua.gif"></div>
 +
<div id = "notebook" class = "buttom" style = "top:581px; left:1px;" pID = 1 flag1 = 0><img src = "https://static.igem.org/mediawiki/2012/4/49/Notebook_tsinghua.gif"/></div>
 +
<div id = "model" class = "buttom" style = "top:581px; left:215px;" pID = 1 flag1 = 0><img src = "https://static.igem.org/mediawiki/2012/8/8e/Model_tsinghua.gif"></div>
 +
<div id = "humanpractice" class = "buttom" style = "top:581px; left:569px;" pID = 1 flag1 = 0><img src = "https://static.igem.org/mediawiki/2012/c/ca/HumanPractice.gif"/></div>
 +
<div id = "parts" class = "buttom" style = "top:581px; left:782px;" pID = 1 flag1 = 0><img src = "https://static.igem.org/mediawiki/2012/b/b5/Parts_tsinghua.gif"></div>
 +
<div class = "content">
 +
  <p>Domino is a popular game all over the world  with very simple rules. When several dominoes are placed in a long line and are  close enough, they could be knocked over one by one. The first toppled domino  would topple the second one, and then the third one, etc... As a result, all  the dominoes fall.</p>
 +
  <p>The easiest way of playing domino is to  knock over a string of tiles by just pushing the first tile. Of course there  are harder methods, for example, with the different design of placing dominoes,  one could achieve different ways for tiles of being knocked down. Finally, with  the combination of sophisticated design, beautiful and complex patterns would  appear.</p>
 +
  <p>This simple and popular game inspires us  greatly and we decided to draw an analogy to domino game by using <i>E. coli</i>. We  use <i>E. coli</i> as tiles, and imitate the falling of domino by using different  fluorescent proteins. Finally we need a signal to trigger the process and we  decide to adopt AHL. </p>
 +
Our goal is that by adding AHL to modified <i>E. coli</i> at specific place,  XFP would express and the expression of color could expand and spread, just  like the falling down of dominoes. With our design, various approaches of  falling down are achievable and if possible, sophisticated patterns could be  obtained as well.</div>
</body>
</body>
</html>
</html>

Revision as of 08:35, 23 September 2012

无标题文档

Domino is a popular game all over the world with very simple rules. When several dominoes are placed in a long line and are close enough, they could be knocked over one by one. The first toppled domino would topple the second one, and then the third one, etc... As a result, all the dominoes fall.

The easiest way of playing domino is to knock over a string of tiles by just pushing the first tile. Of course there are harder methods, for example, with the different design of placing dominoes, one could achieve different ways for tiles of being knocked down. Finally, with the combination of sophisticated design, beautiful and complex patterns would appear.

This simple and popular game inspires us greatly and we decided to draw an analogy to domino game by using E. coli. We use E. coli as tiles, and imitate the falling of domino by using different fluorescent proteins. Finally we need a signal to trigger the process and we decide to adopt AHL.

Our goal is that by adding AHL to modified E. coli at specific place, XFP would express and the expression of color could expand and spread, just like the falling down of dominoes. With our design, various approaches of falling down are achievable and if possible, sophisticated patterns could be obtained as well.

Retrieved from "http://2012.igem.org/Team:Tsinghua"