Team:Southampton/Modeling

From 2009.igem.org

(Difference between revisions)
m (Undo revision 153467 by Jonh (Talk))
 
(29 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
<html>
+
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
-
   <meta http-equiv="Content-Type"
+
   <meta content="text/html; charset=ISO-8859-1"
-
content="text/html; charset=ISO-8859-1">
+
http-equiv="content-type" />
-
  <script language="JavaScript">
+
<title>University of Southampton
-
<!-- Begin
+
Wiki</title>
-
loadImage1 = new Image();
+
<link rel="stylesheet" href="http://www.personal.soton.ac.uk/jeh2v07/css/menu.css" type="text/css"/>
-
loadImage1.src = "http://img218.imageshack.us/img218/5342/b02on.jpg";
+
<link rel="stylesheet" href="http://www.personal.soton.ac.uk/jeh2v07/css/style.css" type="text/css"/>
-
staticImage1 = new Image();
+
<style type= "text/css">
-
staticImage1.src = "http://img22.imageshack.us/img22/682/b02rtg.jpg";
+
/*TOOLBAR*/
-
loadImage2 = new Image();
+
#toolbar {
-
loadImage2.src = "http://img22.imageshack.us/img22/4571/c03on.jpg";
+
-
staticImage2 = new Image();
+
-
staticImage2.src = "http://img200.imageshack.us/img200/1551/c03vvh.jpg";
+
-
loadImage3 = new Image();
+
-
loadImage3.src = "http://img297.imageshack.us/img297/7195/d04on.jpg";
+
-
staticImage3 = new Image();
+
-
staticImage3.src = "http://img146.imageshack.us/img146/9978/d04w.jpg";
+
-
loadImage4 = new Image();
+
-
loadImage4.src = "http://img190.imageshack.us/img190/387/e05on.jpg";
+
-
staticImage4 = new Image();
+
-
staticImage4.src = "http://img195.imageshack.us/img195/457/e05a.jpg";
+
-
loadImage5 = new Image();
+
-
loadImage5.src = "http://img218.imageshack.us/img218/1472/f06on.jpg";
+
-
staticImage5 = new Image();
+
-
staticImage5.src = "http://img200.imageshack.us/img200/650/f06t.jpg";
+
-
loadImage6 = new Image();
+
-
loadImage6.src = "http://img146.imageshack.us/img146/7450/g07on.jpg";
+
-
staticImage6 = new Image();
+
-
staticImage6.src = "http://img200.imageshack.us/img200/8735/g07t.jpg";
+
-
loadImage7 = new Image();
+
-
loadImage7.src = " http://img297.imageshack.us/img297/9264/i09on.jpg";
+
-
staticImage7 = new Image();
+
-
staticImage7.src = "http://img297.imageshack.us/img297/6668/i09.jpg";
+
-
-->
+
-
// End -->
+
-
  </script>
+
-
  <title>University of Southampton
+
-
iGEM 2009 Wiki</title>
+
-
  <style type="text/css">
+
-
<!--
+
-
#Table_01 {
+
position:absolute;
position:absolute;
-
left:0px;
+
left:-2px;
top:0px;
top:0px;
-
width:975px;
+
width:978px;
-
height:292px;
+
height:27px;
 +
z-index:100;
}
}
-
#B02_ {
+
/*FOOTERPUSH*/
-
position:absolute;
+
#footerpush {
-
left:0px;
+
width:1px;
-
top:0px;
+
height:1633px;
-
width:73px;
+
-
height:45px;
+
}
}
-
#C03_ {
+
html, body {
-
position:absolute;
+
  margin: 0;
-
left:73px;
+
  padding: 0;
-
top:0px;
+
-
width:112px;
+
-
height:45px;
+
}
}
-
#D04_ {
+
/*LAYOUT BEGINS*/
-
position:absolute;
+
#notebooktable {
-
left:185px;
+
width: 80%;
-
top:0px;
+
left: 20%
-
width:179px;
+
-
height:45px;
+
}
}
-
#E05_ {
+
#maincont{
-
position:absolute;
+
-
left:364px;
+
-
top:0px;
+
-
width:83px;
+
-
height:45px;
+
-
}
+
-
#F06_ {
+
-
position:absolute;
+
-
left:447px;
+
-
top:0px;
+
-
width:121px;
+
-
height:45px;
+
-
}
+
-
#G07_ {
+
-
position:absolute;
+
-
left:568px;
+
-
top:0px;
+
-
width:134px;
+
-
height:45px;
+
-
}
+
-
#H08_ {
+
-
position:absolute;
+
-
left:702px;
+
-
top:0px;
+
-
width:138px;
+
-
height:45px;
+
-
}
+
-
#I09_ {
+
-
position:absolute;
+
-
left:840px;
+
-
top:0px;
+
-
width:135px;
+
-
height:45px;
+
-
}
+
-
#J10_ {
+
position:absolute;
position:absolute;
left:0px;
left:0px;
-
top:45px;
+
top:296px;
width:975px;
width:975px;
-
height:234px;
+
height:1410px;
 +
background-image:url('http://www.personal.soton.ac.uk/jeh2v07/images/bg.gif');
 +
background-repeat:repeat-y;
 +
  margin: 0;
 +
  padding: 0;  
}
}
-
#K11_ {
+
#sufooter {
-
position:absolute;
+
position:absolute;
-
left:0px;
+
left:113px;
-
top:279px;
+
top:1675px;
-
width:977px;
+
z-index:150;
-
height:50px;
+
color: #333;
}
}
-
-->
+
#contfoot {
-
-->
+
position:absolute;
-
* {
+
left:0px;
-
margin:0;
+
top:1645px;
-
padding:0;
+
width:975px;
 +
height:61px;
 +
z-index:100;
}
}
-
body {
+
</style>
-
background:#262626 none repeat-x scroll top left;
+
-
margin:0 auto;
+
-
padding:0;
+
-
font-family:Arial, Helvetica, sans-serif;
+
-
}
+
-
/* wrapper */
+
-
div#wrap {
+
-
width:90%;
+
-
margin:0 auto;
+
-
padding:0 10px;
+
-
}
+
-
/* header & nav */
+
-
div.header {
+
-
margin:0 auto;
+
-
}
+
-
div.innertitle {
+
-
width:90%;
+
-
margin:0 auto;
+
-
}
+
-
div.nav ul {
+
-
list-style:none;
+
-
padding:0 0 0 10px;
+
-
margin:0;
+
-
position:relative;
+
-
}
+
-
div.nav ul li {
+
-
display:inline;
+
-
float:left;
+
-
}
+
-
div.nav ul li a, div.nav ul li a:visited {
+
-
float:left;
+
-
margin:0 5px;
+
-
padding:30px 20px 10px 20px;
+
-
height:40px;
+
-
text-decoration:none;
+
-
color:#ffffff;
+
-
font-weight:normal;
+
-
font-size:0.9em;
+
-
font-family:Arial, Helvetica, sans-serif;
+
-
}
+
-
div.nav ul li a:hover {
+
-
background-color:#360050;
+
-
}
+
-
/* headers */
+
-
h1, h2 {
+
-
text-align:left;
+
-
color:#fff;
+
-
}
+
-
h1 {
+
-
font-size:3em;
+
-
padding-left:10px;
+
-
}
+
-
h1 a, h1 a:hover, h1 a:visited {
+
-
text-decoration:none;
+
-
color:#ffffff;
+
-
}
+
-
h2 {
+
-
padding:0 0 10px 10px;
+
-
font-size:0.9em;
+
-
font-family:Georgia, "Times New Roman", Times, serif;
+
-
}
+
-
h3 {
+
-
font-size:1.5em;
+
-
font-family:'Lucida Sans Unicode','Lucida Grande',verdana,sans-serif;
+
-
font-weight:normal;
+
-
color:#084c8b;
+
-
}
+
-
h4 {
+
-
color:#084c8b;
+
-
font-family:Georgia, "Times New Roman", Times, serif;
+
-
font-size:1.4em;
+
-
font-weight:normal;
+
-
padding:10px 5px 30px 65px;
+
-
background: url(http://img266.imageshack.us/img266/8870/cog.png) no-repeat 0 2px;
+
-
;
+
-
}
+
-
/* element defaults */
+
-
p {
+
-
margin-bottom:20px;
+
-
line-height:1.7em;
+
-
font-size:0.95em; color:#333333;
+
-
}
+
-
ul {
+
-
padding:0 0 20px 35px;
+
-
}
+
-
code {
+
-
border:1px solid #51007A;
+
-
border-left-width:10px;
+
-
display:block;
+
-
padding:10px;
+
-
margin:10px 0;
+
-
}
+
-
/* default forms */
+
-
form {}
+
-
form input, form textarea {
+
-
border:2px solid #dddddd;
+
-
padding:5px;
+
-
color:#666666;
+
-
font-family:Arial, Helvetica, sans-serif;
+
-
font-size:1.0em;
+
-
}
+
-
form input.formbutton {
+
-
background:#5E008D url('images/nav-bg.png') repeat-x scroll bottom left;
+
-
color:#ffffff;
+
-
font-size:0.9em;
+
-
border:1px solid #220033;
+
-
font-weight:bold;
+
-
font-family:Verdana, Arial, Helvetica, sans-serif;
+
-
}
+
-
/* default tables */ table {
+
-
width:100%;
+
-
margin-bottom:10px;
+
-
}
+
-
table tr th, table tr td {
+
-
padding:5px 10px; }
+
-
table tr th {
+
-
background:#5E008D url('images/nav-bg.png') repeat-x scroll bottom left;
+
-
color:#ffffff;
+
-
}
+
-
table tr td {
+
-
border-bottom:1px solid #dddddd;
+
-
}
+
-
/* default links */
+
-
a { color:#51007A;
+
-
}
+
-
a:visited { color:#51007A;
+
-
} a:hover { color:#300047; }
+
-
/* centeral page */
+
-
div.page {
+
-
margin:0 0 0 11px;
+
-
background-color:#ffffff;
+
-
padding:10px 10px 0 10px;
+
-
}
+
-
div.page ul {
+
-
list-style:square;
+
-
font-size:0.95em;
+
-
}
+
-
div.page ul li {
+
-
padding:3px 0;
+
-
}
+
-
/* content */
+
-
div.content {
+
-
width:78%;
+
-
float:left;
+
-
}
+
-
/* sidebar */
+
-
div.sidebar {
+
-
width:20%;
+
-
float:right;
+
-
}
+
-
div.sidebar ul {
+
-
list-style:none;
+
-
padding:10px 10px 25px 10px;
+
-
}
+
-
div.sidebar ul li {
+
-
padding:7px 0;
+
-
}
+
-
div.sidebar ul li a {
+
-
font-family:Georgia, "Times New Roman", Times, serif;
+
-
text-decoration:none;
+
-
font-size:1.1em;
+
-
}
+
-
/* footer */
+
-
div.footer {
+
-
clear:both;
+
-
margin-top:10px;
+
-
border-top:1px solid #c6c6c6;
+
-
background:#dddddd url('http://img34.imageshack.us/img34/4941/footerbg.png') repeat-x scroll bottom left;
+
-
height:80px;
+
-
}
+
-
div.footer p {
+
-
text-align:center;
+
-
color:#666666;
+
-
padding-top:30px;
+
-
font-size:0.9em;
+
-
font-family:"Trebuchet MS", Verdana, Arial;
+
-
}
+
-
div.footer p a {
+
-
color:#666666;
+
-
}
+
-
/* search form */
+
-
form.searchform {
+
-
padding-top:10px;
+
-
}
+
-
/* misc classes */
+
-
*:focus {
+
-
outline:none;
+
-
}
+
-
.clear {
+
-
clear:both;
+
-
}
+
-
  </style>
+
</head>
</head>
-
<body>
+
<body style="color: rgb(0, 0, 0); background-color: #919191;"
-
<div class="header">
+
link="#000099" alink="#000099" vlink="#990099"><div id="footerpush"></div>
-
<br>
+
<div id="banner"><img style="width: 975px; height: 276px;" id="banner"
-
<br>
+
src="http://www.personal.soton.ac.uk/jeh2v07/images/blue2.jpg" alt="" /></div>
-
<br>
+
<div id="toolbar">
-
<br>
+
<ul class="cssMenu cssMenum">
-
<br>
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton">Home</a></li>
-
<br>
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project"><span>Project</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
-
<br>
+
<ul class=" cssMenum">
-
<br>
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Aims">Project Aims</a></li>
-
<br>
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Intro">Project Introduction</a></li>
-
<br>
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project">Project Description</a></li>
-
<br>
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Achievements">Project Achievements</a></li>
-
<br>
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Projection">Project Projection</a></li>
-
<!-- http://img195.imageshack.us/img195/8382/a01i.jpg -->
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Safety">Project Safety</a></li>
-
<!-- http://img233.imageshack.us/img233/928/a01on.jpg --><!-- http://img22.imageshack.us/img22/682/b02rtg.jpg --><!-- http://img218.imageshack.us/img218/5342/b02on.jpg --><!-- http://img200.imageshack.us/img200/1551/c03vvh.jpg --><!-- http://img22.imageshack.us/img22/4571/c03on.jpg --><!-- http://img146.imageshack.us/img146/9978/d04w.jpg --><!-- http://img297.imageshack.us/img297/7195/d04on.jpg --><!-- http://img195.imageshack.us/img195/457/e05a.jpg --><!-- http://img190.imageshack.us/img190/387/e05on.jpg --><!-- http://img200.imageshack.us/img200/650/f06t.jpg --><!-- http://img218.imageshack.us/img218/1472/f06on.jpg --><!-- http://img200.imageshack.us/img200/8735/g07t.jpg --><!-- http://img146.imageshack.us/img146/7450/g07on.jpg --><!-- http://img190.imageshack.us/img190/6283/h08.jpg --><!-- http://img146.imageshack.us/img146/1776/h08on.jpg --><!-- http://img297.imageshack.us/img297/6668/i09.jpg --><!-- http://img297.imageshack.us/img297/9264/i09on.jpg --><!-- http://img22.imageshack.us/img22/5245/j10osz.jpg --><!-- http://img200.imageshack.us/img200/1507/j10on.jpg -->
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Refer">References and Links</a></li>
-
<div id="B02_"><a
+
        <li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols"><span>Protocols</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
-
  href="https://2009.igem.org/Team:Southampton"
+
<ul class=" cssMenum">
-
onmouseover="image1.src=loadImage1.src;"
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols">Protocol Overview</a></li>
-
  onmouseout="image1.src=staticImage1.src;"><img
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/Theory1">Protocol Theory</a></li>
-
name="image1"
+
<li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/Transformation">Biobrick Transformation</a></li>
-
  src="http://img22.imageshack.us/img22/682/b02rtg.jpg" border="0"></a></div>
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/ColonyPCR">Colony PCR</a></li>
-
<div id="C03_"><a
+
<li class=" cssMenui"><a class=cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/DoubleDigestion">DNA Double Digestion</a></li>
-
  href="https://2009.igem.org/Team:Southampton/Project"
+
<li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/Gel">Gel Electrophoresis</a></li>
-
onmouseover="image2.src=loadImage2.src;"
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/Hfpcr">High Fidelity PCR</a></li>
-
  onmouseout="image2.src=staticImage2.src;"><img
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/LBplates">LB Plates</a></li>
-
style="border: 0px solid ; width: 112px; height: 45px;" alt=""
+
<li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/Ligation">Ligation</a></li>
-
  name="image2"
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/Ligationtransformation">Ligation Transformation</a></li>
-
src="http://img200.imageshack.us/img200/1551/c03vvh.jpg"></a>
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/PlasmidPrep">Plasmid Preparation</a></li>
-
</div>
+
<li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/TA">TA Cloning</a></li>
-
<div id="D04_"><a
+
</ul>
-
  href="https://2009.igem.org/Team:Southampton/Parts"
+
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
-
onmouseover="image3.src=loadImage3.src;"
+
</ul>
-
  onmouseout="image3.src=staticImage3.src;"><img
+
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
-
style="border: 0px solid ; width: 179px; height: 45px;" alt=""
+
<li class=" cssMenui"><a class="  cssMenui" href="#">Biobrick Parts<![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
-
  name="image3"
+
<ul class=" cssMenum">
-
src="http://img146.imageshack.us/img146/9978/d04w.jpg"></a></div>
+
<li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/Parts/GoL">Game of Life</a></li>
-
<div id="E05_"><a
+
<li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/Parts/RPS">Rock Paper Scissors</a></li>
-
  href="https://2009.igem.org/Team:Southampton/Team"
+
</ul></li>
-
onmouseover="image4.src=loadImage4.src;"
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Team"><span>Team</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
-
  onmouseout="image4.src=staticImage4.src;"><img
+
<ul class=" cssMenum">
-
style="border: 0px solid ; width: 83px; height: 45px;" alt=""
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Team">Team Profiles</a></li>
-
name="image4"
+
<li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/Team/Advisors">Advisor Profiles</a></li>
-
src="http://img195.imageshack.us/img195/457/e05a.jpg"></a></div>
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Team/Southampton">Southampton Profile</a></li>
-
<div id="F06_"> <a
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Team/University">University Profile</a></li>
-
  href="https://2009.igem.org/Team:Southampton/Modeling"
+
<li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/Team/Gallery">Gallery</a></li>
-
onmouseover="image5.src=loadImage5.src;"
+
</ul>
-
  onmouseout="image5.src=staticImage5.src;"><img
+
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
-
style="border: 0px solid ; width: 121px; height: 45px;" alt=""
+
-
name="image5"
+
            <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/Modeling"><span>Modelling</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
-
  src="http://img200.imageshack.us/img200/650/f06t.jpg"></a>
+
<ul class=" cssMenum">
-
</div>
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Modeling">Modelling Overview</a></li>
-
<div id="G07_"><a
+
        <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/Modeling/GoL">Game Of Life</a></li>
-
  href="https://2009.igem.org/Team:Southampton/Notebook"
+
        <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/Modeling/RPS">Rock Paper Scissors</a></li>
-
onmouseover="image6.src=loadImage6.src;"
+
        <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/Modeling/Open">Open Access</a></li>
-
  onmouseout="image6.src=staticImage6.src;"><img
+
</ul>
-
style="border: 0px solid ; width: 134px; height: 45px;" alt=""
+
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
-
  name="image6"
+
             
-
src="http://img200.imageshack.us/img200/8735/g07t.jpg"></a>
+
        <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/HP"><span>Human Practices</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
-
</div>
+
<ul class=" cssMenum">
-
<div id="H08_"> <img
+
<li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/HP">Overview</a></li>
-
id="H08" src="http://img190.imageshack.us/img190/6283/h08.jpg"
+
<li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/HP/Outreach">Outreach</a></li>
-
alt="" height="45" width="138"> </div>
+
<li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/HP/igemexper">iGEM Experience</a></li>
-
<div id="I09_"> <a
+
<li class=" cssMenui"><a class=cssMenui" href="https://2009.igem.org/Team:Southampton/HP/Political">Political Awareness</a></li>
-
  href="https://2009.igem.org/Team:Southampton/Sponsors"
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/HP/Legacy">Our Legacy</a></li>
-
onmouseover="image7.src=loadImage7.src;"
+
</ul>
-
onmouseout="image7.src=staticImage7.src;"><img
+
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
-
style="border: 0px solid ; width: 135px; height: 45px;" alt=""
+
   
-
  name="image7"
+
     
-
src="http://img297.imageshack.us/img297/6668/i09.jpg"></a>
+
        <li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Notebook">Notebook</a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
-
</div>
+
<ul class=" cssMenum">
-
<div id="J10_"> <img
+
-
id="J10" src="http://img22.imageshack.us/img22/5245/j10osz.jpg"
+
-
alt="" height="234" width="975"> </div>
+
-
<div id="K11_"> <img
+
-
id="K11" src="http://img136.imageshack.us/img136/1714/baro.gif"
+
-
alt=""> </div>
+
-
</div>
+
-
<div id="wrap">
+
-
<div class="pagewrapper">
+
-
<div class="innerpagewrapper">
+
-
<div class="page">
+
-
<div class="content"><!-- CONTENT -->
+
-
<h3> </h3>
+
-
<table style="text-align: left; width: 100%;"
+
-
border="0" cellpadding="2" cellspacing="2">
+
-
  <tbody>
+
-
    <tr>
+
-
      <td>
+
-
      <h3><img
+
-
  style="width: 100px; height: 100px;" alt="iGEM"
+
-
  src="http://img34.imageshack.us/img34/4945/igembox1.jpg"></h3>
+
-
      </td>
+
-
      <td>
+
-
      <h3>&gt;&gt; Welcome</h3>
+
-
      <p>Southampton University - Modelling (COMING SOON)</p>
+
-
      </td>
+
-
    </tr>
+
-
  </tbody>
+
-
</table>
+
-
<!-- END CONTENT --> </div>
+
-
<div class="sidebar"><!-- SIDEBAR -->
+
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Notebook">Notebook</a></li>
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Notebook/Labbook">Lab Book</a></li>
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Notebook/Advisorblog">Advisor Blog</a></li>
 +
</ul>
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
 +
 +
    <li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Sponsors"><span>Acknowledgments</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
 +
<ul class=" cssMenum">
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Sponsors">Sponsors</a></li>
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Southampton">Team Southampton</a></li>
 +
</ul>
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
 +
</ul>
</div>
</div>
-
<div class="footer">
+
<div id="maintop"><img style="width: 975px; height: 24px;" id="bg"
-
<p>Home | The Team | The Project |
+
  src="http://www.personal.soton.ac.uk/jeh2v07/images/maintop.gif" alt="" /></div>
-
Biobrick Parts | Modelling |
+
<div id="logobox">
-
Notebook&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
+
<img style="width: 63px; height: 63px;" alt="" src="http://www.personal.soton.ac.uk/jeh2v07/images/logobox.jpg" /></div>
-
&nbsp;&nbsp;&nbsp; &nbsp;
+
<div id="projectheading">
-
University of Southampton <span
+
<h1>Modelling</h1>
-
  style="font-weight: bold;">iGEM</span>
+
-
2009
+
-
&nbsp;&nbsp;&nbsp; <br>
+
-
</p>
+
-
</div>
+
</div>
</div>
 +
<div id="maincont">
 +
<div align="center">
 +
  <div style="text-align: center;">
 +
    <p>&nbsp;</p>
 +
    <p>&nbsp;</p>
 +
<br>
 +
    <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
 +
      <tr>
 +
        <td bgcolor="#5D5D5D"><h3>In modelling our cell networks, we found it helpful to  visualize our machines at a higher level of abstraction than the ubiquitous  plasmid map. Flow charts were chosen to efficiently represent the dynamics of  the system, borrowing from the engineering concept of finite state-machines.</h3>
 +
          <p>&nbsp;</p>
 +
          <h3>In our Game of Life system, there is only one &lsquo;machine&rsquo; type  and two diffusing molecules, IPTG and LuxI. As this is slightly simpler than  Rock-Paper-Scissors, with its three machine types and molecules, we implemented  the Game of Life model first.</h3>
 +
          <p>&nbsp;</p>
 +
          <h3>A simulator was designed to interpret the flow charts and  model the system to produce spatio-temporal patterns. The simulation  environment is defined by an adjustable square grid, typically 100 x 100 for  our simulations. The environment is divided into several layers, starting with  the cell layer. Each location on the grid can be occupied by a single cell of a  predefined type and state. As the simulation progresses cells can change state  in response to the diffusion of molecules in the layers below them, as defined  by their state transition rules. Below the cell layer reside the molecule  layers, with each molecule occupying its own layer. Each grid location holds a  number representing the total number of molecules present in that space. A  diffusion algorithm runs constantly during simulations, allowing a high  concentration of molecules in one area to diffuse to an area of lower  concentration. As each molecule resides on its own layer they never interact  with each other.          </h3>
 +
          <h3>&nbsp;</h3>
 +
          <table width="80%" border="0" align="center" cellpadding="0" cellspacing="0">
 +
            <tr bgcolor="#5D5D5D">
 +
              <td><img src="https://static.igem.org/mediawiki/2009/4/42/Layers2.png" width="758" height="524" /></td>
 +
            </tr>
 +
          </table>
 +
          <p>&nbsp;</p>
 +
          <h3>The simulator is written in <a href="http://wiki.tcl.tk/">Tcl</a>            and relies heavily on the <a href="http://tcl-nap.sourceforge.net/">NAP</a>&nbsp;extension for fast array  processing. Simulation durations are defined by the number of times the  diffusion algorithm is run and it typically requires about 2 x 10^5 iterations  for an initial drop of a molecule in the centre of the grid to diffuse to the  edges (for a 100 x 100 grid). On the ageing laboratory P4 it took about 90  minutes to run the simulation described above.</h3>
 +
          <p>&nbsp;</p>
 +
          <h3>After generating several interesting results from the Game  of Life simulation, we looked to modifying the system to simulate our  Rock-Paper-Scissors models. Much of the source code was the same for both  systems leading us to wonder, &lsquo;What if there was a program that could simulate  any system with mechanisms similar to ours?&rsquo; The simulator was generalized to  allow it to be used with any system involving the production and diffusion of  chemical products between cellular machines. A user interface was also added to  allow non-programmers to enter their models and run simulations of their own.</h3>
 +
          <p>&nbsp;</p>
 +
          <h3>The results of our simulations can be at the <a href="https://2009.igem.org/Team:Southampton/Modeling/GoL">Game of  Life</a>&nbsp;and <a href="https://2009.igem.org/Team:Southampton/Modeling/RPS">Rock-Paper-Scissors</a> pages.</h3>
 +
          <p>&nbsp;</p>
 +
          <h3>The simulator package is available for download from the <a href="https://2009.igem.org/Team:Southampton/Modeling/Open">Open  Access</a>&nbsp;page. Although it  currently has all of the features required to model our systems and those  similar to them, there is much more that can be done. The program has been  open-sourced and instructions on how to acquire the source can also be found there.</h3>
 +
          <h3><br />
 +
          </h3></td>
 +
      </tr>
 +
    </table>
 +
    <p>&nbsp;</p>
 +
    <p><br>
 +
    </p>
 +
  </div>
</div>
</div>
</div>
</div>
 +
<div id="sufooter">
 +
<h5>| <a href="#">Top</a> |&nbsp; &nbsp;&nbsp;&nbsp;
 +
&nbsp;&nbsp;&nbsp;
 +
University of
 +
Southampton iGEM 2009</h5>
</div>
</div>
-
</body>
+
<div id="contfoot">
 +
<img src="http://www.personal.soton.ac.uk/jeh2v07/images/mainfoot.gif" width="975" height="61" /></div></body>
</html>
</html>

Latest revision as of 20:14, 21 October 2009

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

Modelling

 

 


In modelling our cell networks, we found it helpful to visualize our machines at a higher level of abstraction than the ubiquitous plasmid map. Flow charts were chosen to efficiently represent the dynamics of the system, borrowing from the engineering concept of finite state-machines.

 

In our Game of Life system, there is only one ‘machine’ type and two diffusing molecules, IPTG and LuxI. As this is slightly simpler than Rock-Paper-Scissors, with its three machine types and molecules, we implemented the Game of Life model first.

 

A simulator was designed to interpret the flow charts and model the system to produce spatio-temporal patterns. The simulation environment is defined by an adjustable square grid, typically 100 x 100 for our simulations. The environment is divided into several layers, starting with the cell layer. Each location on the grid can be occupied by a single cell of a predefined type and state. As the simulation progresses cells can change state in response to the diffusion of molecules in the layers below them, as defined by their state transition rules. Below the cell layer reside the molecule layers, with each molecule occupying its own layer. Each grid location holds a number representing the total number of molecules present in that space. A diffusion algorithm runs constantly during simulations, allowing a high concentration of molecules in one area to diffuse to an area of lower concentration. As each molecule resides on its own layer they never interact with each other.

 

 

The simulator is written in Tcl and relies heavily on the NAP extension for fast array processing. Simulation durations are defined by the number of times the diffusion algorithm is run and it typically requires about 2 x 10^5 iterations for an initial drop of a molecule in the centre of the grid to diffuse to the edges (for a 100 x 100 grid). On the ageing laboratory P4 it took about 90 minutes to run the simulation described above.

 

After generating several interesting results from the Game of Life simulation, we looked to modifying the system to simulate our Rock-Paper-Scissors models. Much of the source code was the same for both systems leading us to wonder, ‘What if there was a program that could simulate any system with mechanisms similar to ours?’ The simulator was generalized to allow it to be used with any system involving the production and diffusion of chemical products between cellular machines. A user interface was also added to allow non-programmers to enter their models and run simulations of their own.

 

The results of our simulations can be at the Game of Life and Rock-Paper-Scissors pages.

 

The simulator package is available for download from the Open Access page. Although it currently has all of the features required to model our systems and those similar to them, there is much more that can be done. The program has been open-sourced and instructions on how to acquire the source can also be found there.


 


| Top |          University of Southampton iGEM 2009