Team:Southampton/Modeling

From 2009.igem.org

(Difference between revisions)
m
m (Undo revision 153467 by Jonh (Talk))
 
(23 intermediate revisions not shown)
Line 6: Line 6:
<title>University of Southampton
<title>University of Southampton
Wiki</title>
Wiki</title>
 +
<link rel="stylesheet" href="http://www.personal.soton.ac.uk/jeh2v07/css/menu.css" type="text/css"/>
 +
<link rel="stylesheet" href="http://www.personal.soton.ac.uk/jeh2v07/css/style.css" type="text/css"/>
<style type= "text/css">
<style type= "text/css">
 +
/*TOOLBAR*/
 +
#toolbar {
 +
position:absolute;
 +
left:-2px;
 +
top:0px;
 +
width:978px;
 +
height:27px;
 +
z-index:100;
 +
}
/*FOOTERPUSH*/
/*FOOTERPUSH*/
#footerpush {
#footerpush {
width:1px;
width:1px;
-
height:2410px;
+
height:1633px;
}
}
html, body {
html, body {
Line 26: Line 37:
top:296px;
top:296px;
width:975px;
width:975px;
-
height:2200px;
+
height:1410px;
background-image:url('http://www.personal.soton.ac.uk/jeh2v07/images/bg.gif');
background-image:url('http://www.personal.soton.ac.uk/jeh2v07/images/bg.gif');
background-repeat:repeat-y;
background-repeat:repeat-y;
Line 35: Line 46:
position:absolute;
position:absolute;
left:113px;
left:113px;
-
top:2473px;
+
top:1675px;
z-index:150;
z-index:150;
color: #333;
color: #333;
Line 42: Line 53:
position:absolute;
position:absolute;
left:0px;
left:0px;
-
top:2435px;
+
top:1645px;
width:975px;
width:975px;
height:61px;
height:61px;
z-index:100;
z-index:100;
}
}
-
/*BANNER*/
 
-
#banner {
 
-
position:absolute;
 
-
left:0px;
 
-
top:0px;
 
-
width:975px;
 
-
height:276px;
 
-
z-index:0;
 
-
}
 
-
/*TOOLBAR*/
 
-
#toolbar {
 
-
position:absolute;
 
-
left:3px;
 
-
top:0px;
 
-
width:975px;
 
-
height:27px;
 
-
z-index:100;
 
-
}
 
-
/*BG*/
 
-
#bg {
 
-
position:absolute;
 
-
left:0px;
 
-
top:138px;
 
-
width:975px;
 
-
height:1005px;
 
-
z-index:0;
 
-
}
 
-
#maintop {
 
-
position:absolute;
 
-
left:0px;
 
-
top:138px;
 
-
width:975px;
 
-
height:61px;
 
-
z-index:0;
 
-
}
 
-
/*FLICKRIVER*/
 
-
#flickriver {
 
-
position:absolute;
 
-
left:36px;
 
-
top:1113px;
 
-
width:894px;
 
-
height:134px;
 
-
z-index:0;
 
-
}
 
-
#flickriver2 {
 
-
position:absolute;
 
-
left:480px;
 
-
top:1113px;
 
-
width:894px;
 
-
height:134px;
 
-
z-index:0;
 
-
}
 
-
#blanker {
 
-
position:absolute;
 
-
left:480px;
 
-
top:1113px;
 
-
width:238px;
 
-
height:23px;
 
-
z-index:10;
 
-
}
 
-
#blanker2 {
 
-
position:absolute;
 
-
left:280px;
 
-
top:1224px;
 
-
width:238px;
 
-
height:23px;
 
-
z-index:10;
 
-
}
 
-
/*PROJECT DESCRIPTION*/
 
-
#logobox {
 
-
position:absolute;
 
-
left:90px;
 
-
top:300px;
 
-
width:63px;
 
-
height:63px;
 
-
z-index:10;
 
-
}
 
-
#projectheading {
 
-
position:absolute;
 
-
left:170px;
 
-
top:300px;
 
-
z-index:10;
 
-
}
 
-
#bluesubtitle {
 
-
position:absolute;
 
-
left:425px;
 
-
top:324px;
 
-
z-index:10;
 
-
}
 
-
#projdesc {
 
-
position:absolute;
 
-
left:25px;
 
-
top:360px;
 
-
width:731px;
 
-
height:273px;
 
-
}
 
-
/*LOGOBOX2*/
 
-
#logobox2 {
 
-
position:absolute;
 
-
left:13px;
 
-
top:695px;
 
-
width:440px;
 
-
height:398px;
 
-
}
 
-
/*UPDATESBOX*/
 
-
#updateheader {
 
-
position:absolute;
 
-
left:795px;
 
-
top:285px;
 
-
}
 
-
#updatedate {
 
-
position:absolute;
 
-
left:895px;
 
-
top:310px;
 
-
}
 
-
#updatecontent {
 
-
position:absolute;
 
-
left:795px;
 
-
top:330px;
 
-
width:164px;
 
-
height:333px
 
-
}
 
-
#updatedate2 {
 
-
position:absolute;
 
-
left:895px;
 
-
top:475px;
 
-
z-index:100;
 
-
}
 
-
#updatecontent2 {
 
-
position:absolute;
 
-
left:795px;
 
-
top:490px;
 
-
width:164px;
 
-
height:333px
 
-
}
 
-
/*LINKBOX*/
 
-
#linkheader {
 
-
position:absolute;
 
-
left:795px;
 
-
top:690px;
 
-
}
 
-
#linksemi {
 
-
position:absolute;
 
-
left:801px;
 
-
top:730px;
 
-
}
 
-
#linklsi {
 
-
position:absolute;
 
-
left:801px;
 
-
top:800px;
 
-
}
 
-
#linksoton {
 
-
position:absolute;
 
-
left:801px;
 
-
top:870px;
 
-
}
 
-
#clustr {
 
-
position:absolute;
 
-
left:795px;
 
-
top:975px;
 
-
}
 
-
/*TEAMBOX*/
 
-
#teamheader {
 
-
position:absolute;
 
-
left:480px;
 
-
top:700px;
 
-
}
 
-
#teampic {
 
-
position:absolute;
 
-
left:472px;
 
-
top:735px;
 
-
width:296px;
 
-
height:164px;
 
-
}
 
-
#teamcaption {
 
-
position:absolute;
 
-
left:480px;
 
-
top:910px;
 
-
width:270px;
 
-
height:100px;
 
-
}
 
-
#facebook {
 
-
position:absolute;
 
-
left:472px;
 
-
top:970px;
 
-
width:97px;
 
-
height:100px;
 
-
}
 
-
#findout {
 
-
position:absolute;
 
-
left:580px;
 
-
top:975px;
 
-
width:185px;
 
-
height:100px;
 
-
}
 
-
#projfind {
 
-
position:absolute;
 
-
left:150px;
 
-
top:920px;
 
-
width:300px;
 
-
height:100px;
 
-
z-index:100;
 
-
}
 
-
/*LAYOUT ENDS*/
 
-
/*HEADINGS BEGIN*/
 
-
h7 {
 
-
font-size: 36px;
 
-
color: #FFFFFF;
 
-
margin-top: 0px;
 
-
margin-bottom: 3px;
 
-
font-weight: normal; font-family: "Book Antiqua",
 
-
Georgia,
 
-
serif;
 
-
}
 
-
h8 {
 
-
font-size: 12px;
 
-
color: #5da8bd;
 
-
margin-top: 0px;
 
-
font-weight: normal;
 
-
font-family: Arial,
 
-
sans-serif;
 
-
}
 
-
h3 {font-size: 13px;
 
-
color: #ebebeb;
 
-
margin-top: 0px;
 
-
font-weight: normal; margin-bottom: 3px;
 
-
font-family: Arial,
 
-
sans-serif;
 
-
}
 
-
h4 {
 
-
font-size: 24px;
 
-
color: #FFFFFF;
 
-
margin-top: 0px;
 
-
font-weight: normal; font-family: "Book Antiqua",Georgia,
 
-
serif;
 
-
}
 
-
h5 {
 
-
font-size: 14px;
 
-
color: #323232;
 
-
margin-top: 0px;
 
-
font-weight: normal; font-family: Arial,
 
-
sans-serif
 
-
}
 
-
h6 {
 
-
font-size: 12px;
 
-
color: #ebebeb;
 
-
margin-top: 0px;
 
-
font-weight: normal; font-family: Arial,
 
-
sans-serif
 
-
}
 
-
/*HEADINGS END*/
 
-
/*MENU CODE*/
 
-
ul.cssMenu ul{display:none}
 
-
ul.cssMenu li:hover>ul{display:block}
 
-
ul.cssMenu ul{position: absolute;left:-1px;top:98%;}
 
-
ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}
 
-
ul.cssMenu,ul.cssMenu ul {
 
-
margin:0px;
 
-
list-style:none;
 
-
padding:0px 2px 2px 0px;
 
-
background-repeat:repeat;
 
-
background: rgba(51, 51, 51, 0.2);
 
-
border-width:0px;
 
-
border-style:solid;
 
-
}
 
-
ul.cssMenu table {border-collapse:collapse}ul.cssMenu {
 
-
display:block;
 
-
zoom:1;
 
-
float: left;
 
-
}
 
-
ul.cssMenu ul{
 
-
width:129px;
 
-
}
 
-
ul.cssMenu li{
 
-
display:block;
 
-
margin:2px 0px 0px 2px;
 
-
font-size:0px;
 
-
}
 
-
ul.cssMenu a:active, ul.cssMenu a:focus {
 
-
outline-style:none;
 
-
}
 
-
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
 
-
display:block;
 
-
vertical-align:middle;
 
-
border-width:0px;
 
-
background: rgba(51, 51, 51, 0.2);border-style:solid;
 
-
text-align:left;
 
-
text-decoration:none;
 
-
padding:2px 42px 2px 42px;
 
-
_padding-left:0;
 
-
font:normal 13px Trebuchet MS,Tahoma;
 
-
color: #FFFFFF;
 
-
text-decoration:none;
 
-
cursor:default;
 
-
}
 
-
ul.cssMenu span{
 
-
overflow:hidden;
 
-
}
 
-
ul.cssMenu li {
 
-
float:left;
 
-
}
 
-
ul.cssMenu ul li {
 
-
float:none;
 
-
}
 
-
ul.cssMenu ul a {
 
-
text-align:left;
 
-
white-space:nowrap;
 
-
}
 
-
ul.cssMenu li.sep{
 
-
text-align:left;
 
-
padding:0px;
 
-
line-height:0;
 
-
height:100%;
 
-
}
 
-
ul.cssMenu li.sep span{
 
-
float:none; padding-right:0;
 
-
width:3px;
 
-
height:100%;
 
-
display:inline-block;
 
-
background-color:#FFFFFF #111111 #111111 #cccccc; background-image:none;}
 
-
ul.cssMenu ul li.sep span{
 
-
width:100%;
 
-
height:3px;
 
-
}
 
-
ul.cssMenu li:hover{
 
-
position:relative;
 
-
}
 
-
ul.cssMenu li:hover>a{
 
-
background: rgba(0, 64, 109, 0.1);border-style:solid;
 
-
font:normal 13px Trebuchet MS, Tahoma;
 
-
color: #FFFFFF;
 
-
text-decoration:none;
 
-
}
 
-
ul.cssMenu li a:hover{
 
-
position:relative;
 
-
background: rgba(0, 64, 109, 0.1);border-style:solid;
 
-
font:normal 13px Trebuchet MS, Tahoma;
 
-
color: #FFFFFF;
 
-
text-decoration:none;
 
-
}
 
-
ul.cssMenu li.dis a {
 
-
color: #666 !important;
 
-
}
 
-
ul.cssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px;
 
-
height:16px;
 
-
}
 
-
ul.cssMenu ul img {width:16px;
 
-
height:16px;
 
-
}
 
-
ul.cssMenu img.over{display:none}
 
-
ul.cssMenu li.dis a:hover img.over{display:none !important}
 
-
ul.cssMenu li.dis a:hover img.def {display:inline !important}
 
-
ul.cssMenu li:hover > a img.def {display:none}
 
-
ul.cssMenu li:hover > a img.over {display:inline}
 
-
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover img.over{display:inline}
 
-
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover img.def{display:none}
 
-
ul.cssMenu a:hover ul{display:block}
 
-
ul.cssMenu span{
 
-
display:block;
 
-
background-image:url(./images/arr_white.gif);
 
-
background-position:right center;
 
-
background-repeat: no-repeat;
 
-
padding-right:12px;}
 
-
ul.cssMenu li:hover>a>span{ background-image:url(./images/arrv_white.gif);
 
-
}
 
-
ul.cssMenu a:hover span{ _background-image:url(./images/arrv_white.gif)}
 
-
ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(./images/arr_white.gif)}
 
-
body
 
</style>
</style>
</head>
</head>
Line 420: Line 63:
  link="#000099" alink="#000099" vlink="#990099"><div id="footerpush"></div>
  link="#000099" alink="#000099" vlink="#990099"><div id="footerpush"></div>
<div id="banner"><img style="width: 975px; height: 276px;" id="banner"
<div id="banner"><img style="width: 975px; height: 276px;" id="banner"
-
  src="http://www.personal.soton.ac.uk/jeh2v07/images/blue.jpg" alt="" /></div>
+
  src="http://www.personal.soton.ac.uk/jeh2v07/images/blue2.jpg" alt="" /></div>
<div id="toolbar">
<div id="toolbar">
<ul class="cssMenu cssMenum">
<ul class="cssMenu cssMenum">
-
  <li class="cssMenui"><a class="cssMenui"
+
<li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton">Home</a></li>
-
  href="https://2009.igem.org/Team:Southampton">Home</a></li>
+
<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]-->
-
  <li class="cssMenui"><a class="cssMenui"
+
<ul class=" cssMenum">
-
  href="https://2009.igem.org/Team:Southampton/Project">Project</a></li>
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Aims">Project Aims</a></li>
-
  <li class="cssMenui"><a class="cssMenui"
+
<li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Intro">Project Introduction</a></li>
-
  href="https://2009.igem.org/Team:Southampton/Parts">Biobrick
+
<li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/Project">Project Description</a></li>
-
Parts</a></li>
+
<li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Achievements">Project Achievements</a></li>
-
  <li class="cssMenui"><a class="cssMenui"
+
<li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Projection">Project Projection</a></li>
-
  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]-->
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Safety">Project Safety</a></li>
-
    <ul class="cssMenum">
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Refer">References and Links</a></li>
-
      <li class="cssMenui"><a class="cssMenui"
+
        <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/Team/Gallery">Gallery</a></li>
+
<ul class=" cssMenum">
-
    </ul>
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols">Protocol Overview</a></li>
-
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/Theory1">Protocol Theory</a></li>
-
  <li class="cssMenui"><a class="cssMenui"
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/Transformation">Biobrick Transformation</a></li>
-
  href="https://2009.igem.org/Team:Southampton/Modeling">Modelling</a></li>
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/ColonyPCR">Colony PCR</a></li>
-
  <li class="cssMenui"><a class="cssMenui"
+
<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/Notebook">Notebook</a></li>
+
<li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/Gel">Gel Electrophoresis</a></li>
-
  <li class="cssMenui"><a class="cssMenui"
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/Hfpcr">High Fidelity PCR</a></li>
-
  href="https://2009.igem.org/Team:Southampton/Sponsors">Sponsors</a></li>
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/LBplates">LB Plates</a></li>
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/Ligation">Ligation</a></li>
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/Ligationtransformation">Ligation Transformation</a></li>
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/PlasmidPrep">Plasmid Preparation</a></li>
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/TA">TA Cloning</a></li>
 +
</ul>
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
 +
</ul>
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
 +
<li class=" cssMenui"><a class="  cssMenui" href="#">Biobrick Parts<![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/Parts/GoL">Game of Life</a></li>
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Parts/RPS">Rock Paper Scissors</a></li>
 +
</ul></li>
 +
<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]-->
 +
<ul class=" cssMenum">
 +
<li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/Team">Team Profiles</a></li>
 +
<li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/Team/Advisors">Advisor Profiles</a></li>
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Team/Southampton">Southampton Profile</a></li>
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Team/University">University Profile</a></li>
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Team/Gallery">Gallery</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/Modeling"><span>Modelling</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/Modeling">Modelling Overview</a></li>
 +
        <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/Modeling/GoL">Game Of Life</a></li>
 +
        <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/Modeling/RPS">Rock Paper Scissors</a></li>
 +
        <li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Modeling/Open">Open Access</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/HP"><span>Human Practices</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/HP">Overview</a></li>
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/HP/Outreach">Outreach</a></li>
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/HP/igemexper">iGEM Experience</a></li>
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/HP/Political">Political Awareness</a></li>
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/HP/Legacy">Our Legacy</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/Notebook">Notebook</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/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>
</ul>
</div>
</div>
Line 450: Line 151:
<img style="width: 63px; height: 63px;" alt="" src="http://www.personal.soton.ac.uk/jeh2v07/images/logobox.jpg" /></div>
<img style="width: 63px; height: 63px;" alt="" src="http://www.personal.soton.ac.uk/jeh2v07/images/logobox.jpg" /></div>
<div id="projectheading">
<div id="projectheading">
-
<h7>Gallery</h7>
+
<h1>Modelling</h1>
</div>
</div>
<div id="maincont">
<div id="maincont">
Line 457: Line 158:
     <p>&nbsp;</p>
     <p>&nbsp;</p>
     <p>&nbsp;</p>
     <p>&nbsp;</p>
 +
<br>
     <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
     <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
       <tr>
       <tr>
-
         <td bgcolor="#5D5D5D"><h3><span style="text-align: center">To
+
         <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>
-
          give the team some indication of the expected behaviour of our
+
           <p>&nbsp;</p>
-
          completed systems, a simulation environment was made to allow the
+
           <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>
-
          models to interact with each other. More details of the simulation
+
           <p>&nbsp;</p>
-
          source code are to be released at a later date. The program is written
+
           <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>
-
          in Tcl [link http://wiki.tcl.tk/] and is designed to be easily modified
+
           <h3>&nbsp;</h3>
-
          to model any system involving several cells interacting with each other
+
           <table width="80%" border="0" align="center" cellpadding="0" cellspacing="0">
-
          through the diffusion of chemical species.<br />
+
            <tr bgcolor="#5D5D5D">
-
           <br />
+
              <td><img src="https://static.igem.org/mediawiki/2009/4/42/Layers2.png" width="758" height="524" /></td>
-
           The results of an initial simulation of our Game of Life system are
+
            </tr>
-
          presented below.<br />
+
           </table>
-
           <br />
+
           <p>&nbsp;</p>
-
          <img alt=""
+
           <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>
-
src="http://img211.imageshack.us/img211/6494/iptg.gif" /><br />
+
           <p>&nbsp;</p>
-
           <br />
+
           <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>
-
          The animation above shows an initial drop of IPTG being added to the
+
           <p>&nbsp;</p>
-
          system that activates the cells in its immediate vicinity. Note that
+
           <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>
-
          the IPTG does not diffuse throughout the system, not causing any
+
          <p>&nbsp;</p>
-
          effects other than the initial &lsquo;jump start&rsquo;.<br />
+
          <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>
-
           <br />
+
          <h3><br />
-
           <img alt=""
+
          </h3></td>
-
src="http://img211.imageshack.us/img211/5158/luxi.gif" /><br />
+
-
          <br />
+
-
           This animation shows the activated cells producing LuxI which then
+
-
          diffuses to the rest of the system, activating further cells.<br />
+
-
           <br />
+
-
           <img alt=""
+
-
src="http://img376.imageshack.us/img376/6968/cells.gif" /><br />
+
-
          <br />
+
-
          The final animation models the actual bacteria, randomly distributed
+
-
          throughout the system. Blue for those in the 'off' state and red for
+
-
          those in the 'on' state.<br />
+
-
           <br />
+
-
          An&nbsp; IPTG local density of 250 is required to switch a cell to
+
-
          it's 'on' state. 'On' cells produce LuxI, turning on other cells when
+
-
           the local density of LuxI is greater than 50. When the local density of
+
-
          LuxI is greater than 300, the cell switches to the 'off' state,
+
-
          producing the characteristic ring. Note, all of the values above are
+
-
          arbitrary values and will be translated to molecule counts when
+
-
          empirical results are available.<br />
+
-
           <br />
+
-
           The figure below shows all three layers together, allowing easy
+
-
          comparison. To view the animations again, refresh this page.<br />
+
-
          <br />
+
-
          <img style="width: 400px; height: 107px;"
+
-
alt=""
+
-
src="http://img35.imageshack.us/img35/2626/cellsiptgluxi400x.gif" /></span><br />
+
-
        </h3></td>
+
       </tr>
       </tr>
     </table>
     </table>
Line 516: Line 191:
</div>
</div>
<div id="sufooter">
<div id="sufooter">
-
Home | Project | Biobrick
+
<h5>| <a href="#">Top</a> |&nbsp; &nbsp;&nbsp;&nbsp;
-
Parts | Team | Modelling | Notebook | Sponsors
+
-
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
+
&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;
University of
University of
-
Southampton iGEM 2009
+
Southampton iGEM 2009</h5>
</div>
</div>
<div id="contfoot">
<div id="contfoot">
<img src="http://www.personal.soton.ac.uk/jeh2v07/images/mainfoot.gif" width="975" height="61" /></div></body>
<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