Team:UCSF/ALHS Project1

From 2013.igem.org

(Difference between revisions)
Line 171: Line 171:
//color: #333333;
//color: #333333;
//margin: 0px 20px;
//margin: 0px 20px;
-
font-weight: bold;
+
font-weight: normal;
}
}
p1{
p1{
Line 210: Line 210:
width: 740px;
width: 740px;
         height: 3000px;
         height: 3000px;
 +
background: #fffff;
 +
float: left;
 +
        margin-left: 210px;
 +
        margin-top: 15px;
 +
}
 +
 +
</style>
 +
 +
<!------------------------------Context Styles-------------------------------->
 +
<style>
 +
#mission {width: 500px; float:left; background-color: #F5F5F5; margin-left:8px; padding: 10px; margin-top:8px;}
 +
#opensource {width:306px; float:left; background-color: #F5F5F5; margin-left:8px; padding: 10px; margin-top:8px;}
 +
#rightcontent {width:800px; float:right; background-color: #F5F5F5; margin-left: 8px;  margin-top:10px;}
 +
#photos {float:left; background-color: #FFFFFF; margin-left: 15px;  margin-top:5px;}
 +
#photos_right {float:right; background-color: #FFFFFF; margin-left: 0px;  margin-top:5px;}
 +
#leftcontenttext{float:left; background-color: #FFFFFF; margin-left: 15px;  margin-top:5px;}
 +
#rightcontenttext {float:right; background-color: #FFFFFF; margin-left:15px; padding:10px; margin-top:0px;}
 +
//#flickr{width:755px; float:right;} 
 +
</style>
 +
 +
 +
<!---------------------------------Sidebar------------------------------------------>
 +
<!--Thanks a lot to 2012 SJTU-BioX-Shanghai team for snippets of their code!
 +
Check out their wikis at:
 +
https://2012.igem.org/Team:SJTU-BioX-Shanghai
 +
-->
 +
 +
<!-------------------------------Sidebar Styles-------------------------------->
 +
<style type="text/css">
 +
div.sdmenu {
 +
font-family: Myriad Pro, Gill Sans MT, Trebuchet MS, Arial, Sans-Serif;
 +
        font-size: 1.3em;
 +
padding-bottom: 5px;
 +
color: #fff;
 +
}
 +
div.sdmenu div {
 +
background-color: #67A15A;
 +
overflow: hidden;
 +
}
 +
div.sdmenu div.collapsed {
 +
height: 30px;}
 +
div.sdmenu div span {
 +
display: block;
 +
padding: 6px 25px;
 +
width: 160px;
 +
font-weight: bold;
 +
color: white;
 +
background: url(/wiki/images/f/f7/12SJTU_floatnav_expanded.gif) no-repeat 10px center;
 +
cursor: default;
 +
border-bottom: 1px solid #ddd;
 +
cursor: pointer;
 +
}
 +
div.sdmenu div:hover{
 +
background-color: #69C800;
 +
}
 +
div.sdmenu div.collapsed span {
 +
background-image: url(/wiki/images/2/20/12SJTU_floatnav_collapsed.gif);
 +
}
 +
div.sdmenu div a {
 +
padding: 5px 10px;
 +
background: #D6EADC;
 +
display: block;
 +
border-bottom: 1px solid #ddd;
 +
color: #1E3A00;
 +
}
 +
div.sdmenu div a.current {
 +
background : #C0DCA4;
 +
}
 +
div.sdmenu div a:hover {
 +
background : #4E9600 url(/wiki/images/2/2d/12SJTU_floatnav_linkarrow.gif) no-repeat right center;
 +
color: #fff;
 +
text-decoration: none;
 +
}
 +
</style>
 +
 +
<style type="text/css">
 +
.floatbox{
 +
position:absolute;
 +
width:160px;
 +
height:00px;
 +
background:#FFFFFF
 +
}
 +
</style>
 +
 +
<!-------------------------------Sidebar JavaScripts----------------------------->
 +
<script type="text/javascript" >
 +
    function SDMenu(id) {
 +
        if (!document.getElementById || !document.getElementsByTagName)
 +
            return false;
 +
        this.menu = document.getElementById(id);
 +
        this.submenus = this.menu.getElementsByTagName("div");
 +
        this.remember = true;
 +
        this.speed = 20;
 +
        this.markCurrent = true;
 +
        this.oneSmOnly = false;
 +
    }
 +
    SDMenu.prototype.init = function() {
 +
var mainInstance = this;
 +
for (var i = 0; i < this.submenus.length; i++)
 +
this.submenus[i].getElementsByTagName("span")[0].onclick= function() {
 +
mainInstance.toggleMenu(this.parentNode);
 +
};
 +
if (this.markCurrent) {
 +
var links = this.menu.getElementsByTagName("a");
 +
for (var i = 0; i < links.length; i++)
 +
if (links[i].href == document.location.href) {
 +
links[i].className = "current";
 +
break;
 +
}
 +
}
 +
if (this.remember) {
 +
var regex = new RegExp("sdmenu_" + encodeURIComponent(this.menu.id) + "=([01]+)");
 +
var match = regex.exec(document.cookie);
 +
if (match) {
 +
var states = match[1].split("");
 +
for (var i = 0; i < states.length; i++)
 +
this.submenus[i].className = (states[i] == 0 ? "collapsed" : "");
 +
}
 +
}
 +
    };
 +
    SDMenu.prototype.toggleMenu = function(submenu) {
 +
if (submenu.className == "collapsed")
 +
this.expandMenu(submenu);
 +
else
 +
this.collapseMenu(submenu);
 +
this.collapseOthers(submenu);
 +
    };
 +
    SDMenu.prototype.expandMenu = function(submenu) {
 +
var fullHeight = submenu.getElementsByTagName("span")[0].offsetHeight;
 +
var links = submenu.getElementsByTagName("a");
 +
 +
for (var i = 0; i < links.length; i++)
 +
fullHeight += links[i].offsetHeight;
 +
var moveBy = Math.round(this.speed * links.length);
 +
 +
var mainInstance = this;
 +
var intId = setInterval(function() {
 +
var curHeight = submenu.offsetHeight;
 +
var newHeight = curHeight + moveBy;
 +
if (newHeight < fullHeight)
 +
submenu.style.height = newHeight + "px";
 +
else {
 +
clearInterval(intId);
 +
submenu.style.height = "";
 +
submenu.className = "";
 +
mainInstance.memorize();
 +
}
 +
}, 30);
 +
this.collapseOthers(submenu);
 +
    };
 +
    SDMenu.prototype.collapseMenu = function(submenu) {
 +
var minHeight = submenu.getElementsByTagName("span")[0].offsetHeight;
 +
var moveBy = Math.round(this.speed * submenu.getElementsByTagName("a").length);
 +
var mainInstance = this;
 +
{{Template:UCSF/MainHeader}}
 +
<html>
 +
<head>
 +
<!--CSS styles: global-->
 +
<style type="text/css">
 +
/***
 +
Minimal header:
 +
Thanks a lot to 2012 Calgary team for snippets of their code!
 +
Check out their wikis at:
 +
https://2012.igem.org/Team:Calgary
 +
***/
 +
 +
#content h1.firstHeading {
 +
visibility:hidden;
 +
}
 +
#p-logo {
 +
display: none;
 +
}
 +
#searchform {
 +
    display: none;
 +
}
 +
 +
.left-menu {
 +
background-color: #555;
 +
 +
}
 +
.left-menu a {
 +
    color: #000;
 +
}
 +
 +
div#top-section{ /*the div containing the entire top bar*/
 +
height: 20px;
 +
margin-bottom: 0px !important;
 +
border: none;
 +
}
 +
 +
 +
#content{
 +
margin-top: 0px;
 +
}
 +
 +
#search-controls {
 +
overflow:hidden;
 +
display:none;
 +
background: none;
 +
position: absolute;
 +
top: 170px;
 +
right: 40px;
 +
}
 +
 +
 +
div#header {
 +
width: 975px;
 +
text-align: left;
 +
margin-left: auto;
 +
margin-right: auto;
 +
margin-bottom: 0px !important;
 +
} 
 +
 +
#menubar {
 +
position: absolute;
 +
background: none;
 +
color: black;
 +
}
 +
 +
.left-menu, .right-menu{
 +
position: absolute;
 +
background: none;
 +
color: black;
 +
}
 +
 +
.left-menu li a, .right-menu li a {
 +
color: #000 !important;
 +
}
 +
 +
 +
.left-menu ul li, .right-menu ul li a{
 +
background: none;
 +
color: #000 !important;
 +
}
 +
 +
.left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active {
 +
    color: #000 !important;
 +
}
 +
 +
#catlinks{
 +
display:none;
 +
}
 +
 +
/*important for background colours*/
 +
.mediawiki{
 +
background: #ffffff;
 +
}
 +
 +
/***End minimal header***/
 +
 +
/*Base styles*/
 +
#content{
 +
border: none;
 +
}
 +
h1, h2,h3, h4, #css-full, #css-mobi{
 +
font-family: Myriad Pro, Gill Sans MT, Trebuchet MS, Arial, Sans-Serif;
 +
border: 0;
 +
font-weight: normal;
 +
}
 +
 +
p1, p2, p3, div.thumb div div.thumbcaption{
 +
font-family: Calibri, Sans-Serif;
 +
font-weight: normal;
 +
color: black;
 +
}
 +
 +
#css-full, #css-mobi{
 +
position: absolute;
 +
float: right;
 +
color: black;
 +
font-size: 1.3em;
 +
top: 0px;
 +
right: 15px;
 +
display: block;
 +
padding: 10px;
 +
}
 +
 +
#jsnotice{
 +
background-color: #4ED92F;
 +
}
 +
 +
#table{
 +
margin: 10px;
 +
}
 +
 +
#textlink a:link,
 +
a:visited{
 +
font-family: Calibri, Sans-Serif;
 +
font-weight: normal;
 +
color: #4E9600;
 +
text-decoration:none;
 +
}
 +
 +
#textlink a:hover,
 +
a:active{
 +
font-family: Calibri, Sans-Serif;
 +
font-weight: normal;
 +
color: #4E9600;
 +
text-decoration:underline;
 +
}
 +
 +
/***Body styling***/
 +
h1{
 +
font-size: 2.2em;
 +
line-height: 1.2em;
 +
color: #008000;
 +
font-weight: bold;
 +
}
 +
h2{
 +
font-size: 2.0em;
 +
line-height: 1em;
 +
//color: #008000;
 +
font-weight: bold;
 +
}
 +
h3{
 +
font-size: 1.8em;
 +
line-height: 1em;
 +
//margin: 0px 15px;
 +
//font-weight: bold;
 +
        text-decoration: underline;
 +
color: #008000;
 +
}
 +
h4{
 +
font-size: 1.6em;
 +
color: #333333;
 +
margin: 0px 20px;
 +
font-weight: bold;
 +
}
 +
p1{
 +
        font-size: 1.7em;
 +
color: #008000;
 +
font-weight: bold;
 +
}
 +
p2{
 +
        font-size: 1.5em;
 +
}
 +
p3{
 +
        font-size: 1.2em;
 +
}
 +
 +
#pagetitle{
 +
border-bottom: 2px solid black;
 +
padding-bottom: 10px;
 +
padding-left: 10px;
 +
}
 +
#bodycontainer h2{
 +
margin-left: 10px;
 +
margin-right: 10px;
 +
}
 +
#bodycontainer p{
 +
margin-left: 20px;
 +
margin-right: 10px;
 +
}
 +
#bodycontainer{
 +
margin-left: 220px;
 +
}
 +
#bodycontainer ul{
 +
margin-left: 5.0em;
 +
}
 +
#bodycontainer li{
 +
font-family: Georgia, Serif;
 +
}
 +
#box1{
 +
width: 740px;
 +
        height: 2000px;
background: #fffff;
background: #fffff;
float: left;
float: left;
Line 463: Line 828:
</div>
</div>
-
<!--Span:Lincoln High-->
+
<!--Span: Materials-->
<script type="text/javascript">
<script type="text/javascript">
// <![CDATA[
// <![CDATA[
Line 472: Line 837:
         myMenu.remember = false;
         myMenu.remember = false;
         myMenu.init();
         myMenu.init();
-
         myMenu.expandMenu(myMenu.submenus[1]);
+
         myMenu.expandMenu(myMenu.submenus[2]);
     };
     };
// ]]>
// ]]>
Line 513: Line 878:
<div id="box1" align="justify">
<div id="box1" align="justify">
<!------------------------------------Comtext------------------------------------->
<!------------------------------------Comtext------------------------------------->
-
<h2><center> Human Practices: Lincoln High School Outreach </center></h2>
+
<h2><center> Human Practices Materials </center></h2>
-
<div id="leftcontenttext" style = "width: 740px;height:40px" align="justify"><a name = "content1">
+
<div id="leftcontenttext" style = "width: 740px;height:40px" align="justify">
-
<h3>Teaching Synthetic Biology to High School Students</h3>
+
<h4><center>In the process of putting together our two human practices projects, we produced a variety of materials that we believe can be useful to other scientists who would like to talk to the public about synthetic biology. These materials are available for download and we plan to use them again in November to present at events for the <a href="http://www.bayareascience.org/" target="_blank">Bay Area Science Festival</a>.</center></h4>
-
</a></div>
+
-
<div id="leftcontenttext" style = "width: 740px;height:270px" align="justify">
+
<div id="leftcontenttext" style = "width: 340px;height:40px" align="justify"><a name = "content1">
-
<p2>A common misunderstanding held by proponents of organic food, is that once genetically modified organisms (GMOs) are incorporated into our food supply, they will become undetectable, and cannot be differentiated from other foods. To educate their peers, students in the Biotechnology Academy at Abraham Lincoln High School in San Francisco offered to teach their fellow students in the school’s ecological Green Academy how to test for, and recognize, genetically modified food ingredients. Additionally, we taught our peers about some of the beneficial real-world applications of GMOs.<br><br>
+
<h3><center>Outreach  Event at SF Exploratorium</center></h3>
-
Our educational program included a pre-learning survey, direct instruction by our biotechnology teacher, George Cachianes, and a series of three lab exercises in which the iGEM/biotech students taught the Green Academy students how to recognize genetically modified foods using common biotech lab techniques. Afterwards, a post learning survey assessed the knowledge of the Green Academy students to see if their attitude and knowledge about GMOs had shifted.</p2>
+
-
</div>
+
-
 
+
-
<div id="leftcontenttext" style = "width: 740px;height:40px" align="justify"><a name = "content2">
+
-
<h3>Pre-Lab Survey</h3>
+
</a></div>
</a></div>
-
<div id="leftcontenttext" style = "width: 740px; height:200px" align="justify">
+
<div id="leftcontenttext" style = "width: 340px;height:300px" align="justify">
-
<p2>A pre-lab survey measured the Green Academy students'knowledge of, and attitudes toward, genetically modified food. Before the lectures and lab activities, the majority of the student had heard of genetically modified food crops (77.8%) and could identify corn as a crop likely to be genetically modified (66.6%). 85.2% of the students felt that GMOs should be labeled. About half of the students (48.1%) said they would avoid eating GMOs (66.7%) and would pay extra to avoid them (18.5%). After the unit, one student said he learned “that a lot of what we eat is genetically modified”. Another echoed that statement, “I learned that a lot of the food we eat are made from GMOs,” and went on to explain, “I also learned that we can check if they contain GMOs by a process that we learned in this biotech class.” </p2>
+
<h4><center>
 +
<a href="https://static.igem.org/mediawiki/2013/8/84/Exploratorium_slides_.ppt" target="_blank">Exploratorium Presentation</a>
 +
<br><br>
 +
<a href="https://static.igem.org/mediawiki/2013/d/d3/Central_Dogma.pdf" target="_blank">Central Dogma of Biology Elevator Talk</a>
 +
<br><br>
 +
<a href="https://static.igem.org/mediawiki/2013/b/b9/MicroTransformation.pdf" target="_blank">Transformations Elevator Talk</a><span>
 +
<br><br>
 +
<a href="https://static.igem.org/mediawiki/2013/1/10/Book_Mark_Handouts_Exploratorium.pdf" target="_blank">Synthetic Biology Bookmarks</a>
 +
</center>
 +
</h4>
</div>
</div>
-
<div id="leftcontenttext" style = "width: 740px;height:40px" align="justify"><a name = "content3">
+
<div id="leftcontenttext" style = "width: 340px;height:40px" align="justify"><a name = "content1">
-
<h3>Lab Activities</h3>
+
<h3><center>Outreach  at Lincoln High School</center></h3>
</a></div>
</a></div>
-
<div id="leftcontenttext" style = "width: 740px; height:195px; margin-top:-5px" align="justify">
+
<div id="leftcontenttext" style = "width: 340px;height:300px" align="justify">
-
<h4>In search of two genes</h4>
+
<h4><center>
-
<p2>In order to find out if GMOs were present in common, every-day foods, such as tortilla chips and papaya, we tested these common foods for the presence of two genes: CaMV35S, which codes for a promoter, and NOS, which codes for a terminator. We specifically looked for the presence of promoter and terminator genes instead of the actual functional genes themselves because the functional gene may vary from organism to organism, depending on what qualities of the organism are being altered. In order to determine which of our samples were GMOs and which were not, we used some very common lab techniques including Polymerase Chain Reaction (PCR), which amplifies a certain piece of DNA. </p2>
+
<a href="https://static.igem.org/mediawiki/2013/1/18/LincolnPoster_FINAL.pdf" target="_blank">ALHS Summary Poster</a>
 +
<br><br>
 +
<a href="https://static.igem.org/mediawiki/2013/a/a2/GMO_ALHS.pdf" target="_blank">Presentation on GMOs</a><span>
 +
<br><br>
 +
<a href="https://static.igem.org/mediawiki/2013/f/f1/GMO_PCR_Student_Guide_2012.pdf" target="_blank">GMO PCR Lab</a>
 +
<br><>
 +
(/h4)
 +
(p2)(provided as a free resource by the <a href="http://www.babec.org" target="_blank">Bay Area Biotechnology Education Consortium</a>)(/p2)
 +
</center>
</div>
</div>
-
<div id="photos" style = "width: 740px" align="justify">
+
<div id="photos_right" style = "width: 340px" align="justify">
-
<center><img style="height:250px" src="https://static.igem.org/mediawiki/2013/thumb/1/13/IMG_0569.JPG/800px-IMG_0569.JPG"> </center>
+
-
</div>
+
-
 
+
-
<div id="leftcontenttext" style = "width: 740px; height:420px; margin-top:-5px" align="justify">
+
-
<h4><br>Choosing the foods</h4>
+
-
<p2>We chose to use a variety of food, including fresh soy beans, tortilla chips, Fritos corn chips, papaya and a organic corn snack that claims it is made from an ancient variety of corn. We tested some foods that were labeled “non-GMO” and some that weren’t labeled at all.<br> </p2>
+
-
 
+
-
<h4><br>Testing</h4>
+
-
<p2>We crushed up samples of each food  up with a mortar and pestle, while adding small amounts of water to make a slurry. We then placed each sample into a microcentrifuge tube containing InstaGene, a chelating agent that helps to remove metal ions. We have to use this because it ensures that the PCR will be free of metal ions. After adding our samples to InstaGene, we shook the tubes and placed them into a 95°C water bath for 5 minutes. Afterwards, we centrifuged them for 5 minutes at the maximum speed, and then refrigerated them.<br>
+
-
<br>The next day, we removed the samples from the refrigerator and placed them on ice. We added all of the essential ingredients for PCR into a PCR tube, in addition to DNA from the samples we had centrifuged the previous day. After mixing the contents of the tube, we placed them into the thermal cycler. Finally, we used gel electrophoresis to see if fragments of DNA that would indicate that the sample is a GMO were present in the samples or not.
+
-
</p2>
+
-
</div>
+
-
 
+
-
<div id="leftcontenttext" style = "width: 740px;height:40px" align="justify"><a name = "content4">
+
-
<h3>Lab Results</h3>
+
-
</a></div>
+
-
 
+
-
<div id="leftcontenttext" style = "width: 740px; height:270px; margin-top:-5px" align="justify">
+
-
<p2>To detect if the food products were GMOs, we analyzed the samples by gel electrophoresis and looked for the CaMV35S promoter and NOS terminator base on the base pair size of each gene. If a food was genetically modified, it showed a 203 bp band of CaMV35S promoter and a 225 bp band of NOS terminator. Whereas, a non-GMO food would not have these two bands. During the course of the lab we tested eight foods: Fritos brand corn chips, Hawaiian papaya, Inka Roasted Corn snack food, Santitas brand tortilla chips, raw soy beans, soy crisp snack chips (brand unknown), Bob’s Red Mill Cornmeal (labeled “all natural”) and Bob’s Red Mill Cornbread Mix. Four of these eight foods proved to contain the CaMV35S promoter and the NOS terminator: Fritos, papaya, tortilla chips, and the “all natural” cornmeal. The students were surprised to find no proof of genetic modification in fresh soy beans or soy crisp snack chips, even though some sources claim that 91% of the U.S. soybean crop is genetically modified. However, in testing the soy foods, the CaMV35S and NOS terminator bands did not appear. Interestingly enough, the cornbread mix did not show evidence of genetic modification while the same-brand cornmeal did. Please see the full data represented in the chart below:<p></p2>
+
-
</div>
+
-
 
+
-
<div id="photos" style = "width: 740px" align="justify">
+
<center><img style="margin-top:0px; height:350px"; padding:0;"
<center><img style="margin-top:0px; height:350px"; padding:0;"
-
src="https://static.igem.org/mediawiki/2013/5/5c/LincolnPosterTable.jpg"> </center>
+
src="https://static.igem.org/mediawiki/2013/thumb/0/0f/Exploratorium_Collage.jpg/800px-Exploratorium_Collage.jpg"> </center>
 +
<br><br>
 +
<img style = "width:330px" src="https://static.igem.org/mediawiki/2013/e/e6/Lincoln_Poster_Icon.png">  
</div>
</div>
-
 
-
<div id="leftcontenttext" style = "width: 740px;height:40px; margin-top:-5px" align="justify">
 
-
<p3><center>Results from PCR analysis of food products</center></p3>
 
-
</div>
 
-
 
-
<div id="photos" style = "width: 740px" align="justify">
 
-
<center><iframe width="640" height="480" src="//www.youtube.com/embed/rHTEhf-k3j4?rel=0" frameborder="2" allowfullscreen></iframe></center>
 
-
 
-
<div id="leftcontenttext" style = "width: 740px;height:40px" align="justify">
 
-
<p2><center>Download this presentation on our <a href="https://2013.igem.org/Team:UCSF/Materials1"> Materials Page </a>!</center></p2>
 
-
</div>
 
-
 

Revision as of 14:06, 28 October 2013

Human Practices Materials

In the process of putting together our two human practices projects, we produced a variety of materials that we believe can be useful to other scientists who would like to talk to the public about synthetic biology. These materials are available for download and we plan to use them again in November to present at events for the Bay Area Science Festival.



Retrieved from "http://2013.igem.org/Team:UCSF/ALHS_Project1"