Team:Heidelberg/Notebook/Visualization/Notebook/Largechamber

h1.firstHeading { display: none; }

p {text-align: justify;}

a:link { color: #00b0e6; text-decoration: none} a:visited { color:#00b0e6; text-decoration: none} a:hover { color:#f29400; text-decoration: none} a:active { color:#f29400; text-decoration: none}


 * 1) bodyContent { padding: 10px auto; width: 910px; margin: auto; clear: none; }

table#team_members { text-align: justify; border: 0; } table#team_members h2, table#team_members h3 { clear: both; }

/*---*/ div.MenuBar ul li ul.DropDownMenu { display: none; /* Hides all drop-down menus. */

} /* li:hover works in IE7 and FF2. a:hover works in IE6 and FF2. a:hover breaks li:hover in FF2. div.MenuBar ul li:hover ul.DropDownMenu li ul.SideMenu, div.MenuBar ul li a:hover ul.DropDownMenu li a ul.SideMenu { display: none; /* Hides all side menus. */ } /*- Menu Bar */ div.MenuBar { font: arial, helvetica, sans-serif; height: 30px; width: 910px; /*width: 100%*/ margin: 0; border-top: 0; border-right: 0; border-left: 0; padding: 0; background: black; } div.MenuBar ul { font: arial, helvetica, sans-serif; text-align: center; list-style-type: none; margin: 0.5em auto; border: 0; padding: 0; background: black; } div.MenuBar ul li { font: arial, helvetica, sans-serif; display: block; padding: 0; margin: 0; font-size: 1.3em; float: left; background: black; text-align: center; width: 107px; position: relative; /* Sets the positioning context for each drop-down menu. */ }

div.MenuBar ul li a { font: arial, helvetica, sans-serif; display: block; background: black; height: 22px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */ color: #ffffff; padding-top: 4px; padding-bottom: 4px; padding-left: 1em; /* Sets the left space between top-level items. */ padding-right: 1em; /* Sets the right space between top-level items. */ text-decoration: none; }

/*-- Drop-Down Menus */ div.MenuBar ul li:hover ul.DropDownMenu, div.MenuBar ul li a:hover ul.DropDownMenu { display: block; width: 10em; /* Drop-down menu width. Use MenuTailor.css to customize. */ height: 1em; padding: 1px; /* Sets the drop-down menu "effective border" width. */ position: absolute; top: 23px; /* Places the drop-down menu under the menu bar. Keep it sync with the menu bar height. */ left: 0; /* Aligns the drop-down menu to its top-level item. */ background-color: black; /* Selected item. */ color: #FFFFFF;

} div.MenuBar ul li:hover ul.DropDownMenu li a, div.MenuBar ul li a:hover ul.DropDownMenu li a { width: 10em; /* Keep it sync with the drop-down menu width. Use MenuTailor.css to customize. */ height: 1em; padding-left: 0; padding-right: 0; background-color: black; /* Selected item. */ color: #FFFFFF; } ul.DropDownMenu li a span { display: block; padding-left: 0.75em; /* Sets the left space of each drop-down menu item. */ padding-right: 0.25em; /* Sets the right space of each drop-down menu item. */ text-align: right; /* Aligns the >> symbol to the right. */ } ul.DropDownMenu li a span span { float: left; /* Aligns the text (back) to the left. */ font: 12px arial, helvetica, sans-serif; /* Required for IE55. */ height: 20px; color: #FFFFFF; } /*--- Side Menus */ div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu, div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu { display: block; width: 11em; /* Side menu width. Use MenuTailor.css to customize. */ padding: 1px; /* Sets the side menu "effective border" width. */ position: absolute; top: -1px; /* Aligns the side menu to its drop-down menu item. Keep it sync with the side menu "effective border" width. */ left: 13em; /* Places the side menu to the right of the drop-down menu. Keep it sync with the drop-down menu width. Use MenuTailor.css to customize. */ } div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a, div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a { width: 11em; /* Keep it sync with the side menu width. Use MenuTailor.css to customize. */ font: 12px arial, helvetica, sans-serif; /* Required for IE55. */ left: 13em; /* Places the side menu to the right of the drop-down menu. Keep it sync with the drop-down menu width. Use MenuTailor.css to customize. */ } div.MenuBar ul li ul.DropDownMenu li ul.SideMenu li a span { padding-left: 1.5em; /* Sets the left space of each side menu item. */ padding-right: 0.5em; /* Sets the right space of each side menu item. */ text-align: left; font: 12px arial, helvetica, sans-serif; /* Required for IE55. */ left: 13em; /* Places the side menu to the right of the drop-down menu. Keep it sync with the drop-down menu width. Use MenuTailor.css to customize. */ } /*- Browser Specific */ float: left; /* Required for IE55 and IE6. Breaks O9. Hidden (* html) from non-IE browsers. */ } cursor: hand; /* Required for IE55. Hidden (* html) from non-IE browsers. */ } ul.DropDownMenu li a:hover { cursor: pointer; /* Required for IE6 and IE7. Hidding it (* html) from non-IE browsers breaks IE7! } text-decoration: none; /* Required for IE55 and IE6. Hidden (* html) from non-IE browsers. */ } border: 0; /* Required for IE55 and IE6. Hidden (* html) from non-IE browsers. */ } /*--- Default Colors */ div.MenuBar { background-color: Menu; border-bottom: 1px solid ButtonShadow; } div.MenuBar a { background-color: Menu; /* Top-level unselected items. */ color: MenuText; } div.MenuBar ul li:hover a, div.MenuBar ul li a:hover { color: #ea7f16; background-color: Highlight; /* Top-level selected item. */ color: HighlightText; } /*...............................................................................................*/ div.MenuBar ul li:hover ul.DropDownMenu, div.MenuBar ul li a:hover ul.DropDownMenu { background-color: ButtonShadow; /* Sets the drop-down menu "effective border" color. */ } div.MenuBar ul li:hover ul.DropDownMenu li a, div.MenuBar ul li a:hover ul.DropDownMenu li a { background-color: Menu; Drop-down menu unselected items. Sets the drop-down menu "effective background" color. */ color: MenuText; } div.MenuBar ul li:hover ul.DropDownMenu li:hover a, div.MenuBar ul li a:hover ul.DropDownMenu li a:hover { background-color: Highlight; /* Drop-down menu selected item. */ color: HighlightText; } /*...............................................................................................*/ div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu, div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu { background-color: ButtonShadow; /* Sets the side menu "effective border" color. */ } div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a, div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a { background-color: Menu; /* Side menu unselected items. Sets the side menu "effective background" color. */ color: MenuText; } div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover, div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover { background-color: Highlight; /* Side menu selected item. */ color: HighlightText; } /*---*/ /*Script-Free 3-Level Menu 1.2 Tailor www.CesarDaniel.info /*-- General */ body { background: white; color: black; margin: 0; border: 0; padding: 0; }
 * html div.MenuBar ul li a {
 * html ul.DropDownMenu li a:hover {
 * html div.MenuBar a:hover {
 * html div.MenuBar ul li table,
 * html div.MenuBar ul li table td {

div.MenuBar { font: 13px arial, helvetica, sans-serif; } div.MenuBar ul { font: 13px arial, helvetica, sans-serif; /* Required for IE55. */ } /*--- Colors */ div.MenuBar { background-color: black; /* Selected item. */ color: #FFFFFF; border-bottom: 1px solid ButtonShadow; } div.MenuBar a, div.MenuBar ul li:hover ul.DropDownMenu li a, div.MenuBar ul li a:hover ul.DropDownMenu li a, div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a, div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a { background-color: black; /* Selected item. */ color: #FFFFFF; } div.MenuBar ul li:hover a, div.MenuBar ul li a:hover, div.MenuBar ul li:hover ul.DropDownMenu li:hover a, div.MenuBar ul li a:hover ul.DropDownMenu li a:hover, div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover, div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover { background-color: #00b0e6; /* Selected item. */ color: #FFFFFF; } div.MenuBar ul li:hover ul.DropDownMenu, div.MenuBar ul li a:hover ul.DropDownMenu, div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu, div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu { background-color: ButtonShadow; /* Sets the drop-down and side menus "effective border" color. */ } /*--- Widths */ /*

/* Menu Bar 1 Drop-Down Menu #2 div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4, div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4, div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4 li a, div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4 li a { width: 11em; /* Drop-down menu width. */ } div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5, div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM5, div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5 li a, div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM5 li a { width: 12em; /* Drop-down menu width. */ }

/*...............................................................................................*/ /* Menu Bar 1 Drop-Down Menu #2 Side Menu #1 div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1, div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 { left: 15.5em !important; /* Places the side menu to the right of the drop-down menu. Keep it sync with the drop-down menu width. */ } div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1, div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1, div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1 li a, div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 li a { width: 10em; /* Side menu width. */ } /*...............................................................................................*/ /* Menu Bar 1 Drop-Down Menu #2 Side Menu #2 div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2, div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 { left: 15.5em !important; /* Places the side menu to the right of the drop-down menu. Keep it sync with the drop-down menu width. */ } div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2, div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2, div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2 li a, div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 li a { width: 10em; /* Side menu width. */ } /*...............................................................................................*/ /* Menu Bar 1 Drop-Down Menu #2 Side Menu #3 div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3, div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 { left: 15.5em !important; /* Places the side menu to the right of the drop-down menu. Keep it sync with the drop-down menu width. */ } div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3, div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3, div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3 li a, div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 li a { width: 10em; /* Side menu width. */ } /*...............................................................................................*/

   Home    Team   Overview    Advisors  </a></li>  Undergraduates  </a></li>  University  </a></li>  DKFZ  </a></li>  BioQuant  </a></li>  BioRegion Rhein-Neckar  </a></li> </ul> </li>  Project</a> <ul class="DropDownMenu" id="MB1-DDM1">  Overall Project  </a></li>  Material & Methods  </a> <li><a href="http://2008.igem.org/Team:Heidelberg/Project/Sensing"> Sensing  </a></li> <li><a href="http://2008.igem.org/Team:Heidelberg/Project/Killing_I"> Killing I  - Phages  </a></li> <li><a href="http://2008.igem.org/Team:Heidelberg/Project/Killing_II"> Killing II - Colicin  </a></li> <li><a href="http://2008.igem.org/Team:Heidelberg/Project/Visualization"> Visualization  </a></li> </ul> </li>

<li> <a href="http://2008.igem.org/Team:Heidelberg/Parts" style="color: white">Parts</a> <ul class="DropDownMenu" id="MB1-DDM2"> <li><a href="http://2008.igem.org/Team:Heidelberg/Parts"> Submitted Parts  </a></li> <li><a href="http://2008.igem.org/Team:Heidelberg/Parts/Characterization"> Characterization  </a></li> </ul> </li> <li> <a href="http://2008.igem.org/Team:Heidelberg/Modeling" style="color: white">Modeling</a> <ul class="DropDownMenu" id="MB1-DDM3"> <li><a href="http://2008.igem.org/Team:Heidelberg/Modeling"> Overview  </a></li> <li><a href="http://2008.igem.org/Team:Heidelberg/Modeling/Chemotaxis"> Chemotaxis-Colicin  </a></li> <li><a href="http://2008.igem.org/Team:Heidelberg/Modeling/Phage"> Phage Dynamics model  </a></li> </ul> </li> <li> <a href="http://2008.igem.org/Team:Heidelberg/Notebook/Overview" style="color: white">Notebook</a> <ul class="DropDownMenu" id="MB1-DDM5"> <li><a href="http://2008.igem.org/Team:Heidelberg/Notebook/Sensing_Group/Notebook"> Sensing >  </a> <ul class="SideMenu" id="MB1-DDM2-SM1"> <li><a href="http://2008.igem.org/Team:Heidelberg/Notebook/Sensing_Group/Cloning"> Cloning strategy </a></li> <li><a href="http://2008.igem.org/Team:Heidelberg/Notebook/Sensing_Group/Notebook"> Notebook </a></li> </ul> </li> <li><a href="http://2008.igem.org/Team:Heidelberg/Notebook/Killing_I/Notebook"> Killing I - Phages >  </a> <ul class="SideMenu" id="MB1-DDM2-SM2"> <li><a href="http://2008.igem.org/Team:Heidelberg/Notebook/Killing_I/Cloning"> Cloning strategy </a></li> <li><a href="http://2008.igem.org/Team:Heidelberg/Notebook/Killing_I/Notebook"> Notebook </a></li> </ul> </li> <li><a href="http://2008.igem.org/Team:Heidelberg/Notebook/Killing_II/Notebook"> Killing II - Colicin >  </a> <ul class="SideMenu" id="MB1-DDM2-SM3"> <li><a href="http://2008.igem.org/Team:Heidelberg/Notebook/Killing_II/Cloning"> Cloning strategy </a></li> <li><a href="http://2008.igem.org/Team:Heidelberg/Notebook/Killing_II/Notebook"> Notebook </a></li> </ul> </li> <li><a href="http://2008.igem.org/Team:Heidelberg/Notebook/visualization"> Visualization  </a> <li><a href="http://2008.igem.org/Team:Heidelberg/Notebook/material"> Material & Methods  </a> <li><a href="http://2008.igem.org/Team:Heidelberg/Notebook/team_meetings"> Team Meetings  </a> <li><a href="http://2008.igem.org/Team:Heidelberg/Notebook/seminar"> Seminar on Synthetic Biology  </a> </ul> </li> <li style="width: 160px"> <a href="http://2008.igem.org/Team:Heidelberg/Human_Practice/Project_Overview" style="color: white">Human Practice</a> <ul class="DropDownMenu" id="MB1-DDM4"> <li><a href="http://2008.igem.org/Team:Heidelberg/Human_Practice/Project_Overview"> Project Overview  </a></li> <li><a href="http://2008.igem.org/Team:Heidelberg/Human_Practice/Phips_the_Phage"> Phips the Phage  </a></li> <li><a href="http://2008.igem.org/Team:Heidelberg/Human_Practice/Essay"> Essay  </a></li> <li><a href="http://2008.igem.org/Team:Heidelberg/Human_Practice/Surveys"> Surveys  </a></li> <li><a href="http://2008.igem.org/Team:Heidelberg/Human_Practice/Open_Day"> Open Day  </a></li> <li><a href="http://2008.igem.org/Team:Heidelberg/Human_Practice/Nobel_Prize"> Nobel Prize  </a></li> </ul> </li>

<li> <a href="http://2008.igem.org/Team:Heidelberg/Sponsors" style="color: white">Sponsors</a> </li> </ul>

<div id="header_bottom"><img src="http://2008.igem.org/wiki/images/e/ef/Navi_bg.gif" alt="" / >

Large chamber tests
STARTED: 2008-09-08

PURPOSE: Test of 1) scanning large LabTek-chambers, 2) chemotaxis against casamino acids and casamino acid plugs

MICROSCOPE: Deltavision

A few pictures which have been taken during these experiments can be viewed under Projects.

First Experiment
STRAIN: MG1655 with plasmid BBa_I20260 in pSB3K3 (reference promoter, measurement kit, 2008.igem.org/measurement) inoculation from dense (OD=1.0? (estimated)) culture.

PREPARATION OF CHAMBER: 1. Plug with casamino acids: 50 ul of M9 medium with 2% Agar and 1% Cas. in a PCR tube cylinder. 2. 1.5 ml of M9 media with 0.4% agar homogeneously distributed. 10 min for polymerization. 3. Addition of 1 µl bacterial suspension. 4. 1.5 ml of M9 medium with 2.0% agar homogeneously distributed. 10 min for polymerization.

GRID: Definition of node grid Markbig containing 6x8 nodes. 1 7 ... 43 2 8 ... 44 3 9 ... 45 4 10 .. 46 5 11 .. 47 6 12 .. 48

MEASUREMENTS: On 20080908 in folder 20080908_MG1655_bigR_04p_0h: Measurement of right half (around bacterial startin point) On 20080909 in folder 20080909MG1655_BIG_04p_16h: Measurement of right and left half of chamber.

RESULTS: 1) Scanning of chamber possible, no collision of chamber with frame. 2) no accumulation of bacteria around casamino acids plug on second day, 20080909. 3) no chemotactic runs could be observed. most bacteria inert, only some tumbling. 4) large cell plaques on second day, 20080909.

Second Experiment (2008-09-10)
"BigCham": Using the HCB33_I20260 strain. Totally used chambers 2.

Preparation: One chamber was filled with with 1.5ml of M9_02A and the other one with M9_04A. About half an hour later 1µl of the bacteria strain grown in LB was added to one side of each chamber. On the other side 60µl M9_2A_1CA were spotted. Afterwards the whole chamber was filled with additional 1,5ml of M9_2A

-> !!! problem: Neither the 04p_A nor the 02p_A stiffens fast enough. So in most cases the first layergets mixed with the 2p_A (second layer). This could also be a problem for the bacteria (heat and too high agar percentage media). This will be discussed during the Teammeeting on friday 12.09.2008.

Furthermore two series were shot each serie shows the right half of one of the chambers: Using the same shape of the frame, but a modyfied version called which is a bit more lower.

Series were named: BigCham_20080910_HCB33_02p_0h_R BigCham_20080910_HCB33_04p_0h_R

Chambers incubated at 37°C for 7-8 hours Additional 4 series were shot. Two series for one chamber. One for the left and one for the right side named: BigCham_20080910_HCB33_02p_8h_R """"""""""""""""""""""""""""""L BigCham_20080910_HCB33_04p_8h_R """"""""""""""""""""""""""""""L

Results: Nothing really usable. Bacteria didn't move. We figuered out that HCB33 overnight cultivated at 37°C has the highest chemotactic activity. Furthermore for the next experiments HCB33 TB overnight cultures will be used.

III. Experiment started: (2008-09-13)
Data: 2009-09-15

Changes: - Second layer declared sensless. - HCB33 TB overnight highest activities. - 100µl casamino acid plugs

2 chambers were each filled with 3ml TB02, one 100 µl plug of M9 2A 1CA was added to one side of one chamber, to each center of a chamber 1 µl LB overnight culture of HCB33 was added.

These chamberes were incubated from saturday evening to monday morning at RT. -> Too long Bacteria where allready distributed over the whole chamber. -> Repeat Pictures have been taken. Pictures from (2008-09-15 HCB33LB) Results: Generally high active bacteria, even after such a long time.

The same experiment. Only change two HCB33 TB overnight cultures were used instead of two LB overnights. This time a a first measurment will be taken after a few hours and a second on the following day.

IV. Experiment (2008-09-19)
Data: 2008-09-20

2ml Teth02 100µl M9 2A 1CA plug 3µl HCB33 (1:1 purified from TB overnight with Tethering Buffer (4000rpm 10min))

Steps: Plug -> media -> bacteria Bacteria are set into the center of the chamber and the plug on the left side.

Several series have been taken with OAI, changing the exposure: 0.1% 1% 10% 32%

-> Results: OAI is a good solution for the quantification of chemotaxis. Intensity measurments.

V. Experiment (2008-09-21)
Data: 2008-09-22

2ml Teth02A and TB02A. 100µl M9 2A 1CA Plug each. 3 µl bacteria TB overnight culture each

Pictures have been taken with DV via OAI at an exposure of 0.1% with minumum exposure duration 8-10 seconds. Thickness ~70µm

back to the visualization notebook