Difference between revisions of "Team:UMaryland/Engagement"

Line 481: Line 481:
 
margin-left: auto;
 
margin-left: auto;
 
margin-right: auto;
 
margin-right: auto;
        }
 
 
        /* formats caption and heading of results tables */
 
        td p {
 
            padding: 15px 0 15px 0;
 
            margin: 0 0 30px 0;
 
            font-size: 12pt;
 
            line-height: 1.5;
 
            width: 500px;
 
        }
 
 
        td h51 {
 
            padding: 0 0 15px 0;
 
            margin: 25px 0 0px 0;
 
            font-size: 16pt;
 
        }
 
 
        td {
 
            vertical-align: top;
 
        }
 
 
        #table-devices {
 
            width: 600px;
 
            margin-left: 190px;
 
            margin-right: auto;
 
        }
 
 
        #h4-first {
 
            margin-top: 50px;
 
 
         }
 
         }
 
 
/* tell the container's children to float left: */
+
.profiles {
       
+
min-width: 1000px;
        .float-my-children > * {
+
            float: right;
+
}
            margin-right: 70px;
+
        }
+
        /* this is called a clearfix. it makes sure that the container's children floats are cleared, without using extra markup */
+
       
+
        .clearfix {
+
            *zoom: 1
+
            /* for IE */
+
        }
+
        .clearfix:before,
+
        .clearfix:after {
+
            content: " ";
+
            display: table;
+
        }
+
        .clearfix:after {
+
            clear: both;
+
        }
+
 
 
        .slick-dots {
+
.profiles img {
            position: relative;
+
width: 500px;
        }
+
}
        #div-slideshowNav {
+
            margin-left: auto;
+
            margin-right: auto;
+
            width: 850px;
+
        }
+
        #div-dots {
+
            height: 100px;
+
        }
+
        #div-slideshow,
+
        #div-slideshow img,
+
        #div-dots {
+
            margin-left: auto;
+
            margin-right: auto;
+
          width: 850px;
+
        }
+
 
 
table {
 
            background: none;
 
            border: none;
 
        }
 
        #table-selector1 {
 
            /* formats the table containing nav elements to be centered, addes space on top / bottom */
 
           
 
            margin-top: 100px;
 
            margin-bottom: 30px;
 
        }
 
        #table-selector1 th,
 
        #table-selector2 th {
 
            /* makes each cell of nav evenly spaced */
 
           
 
            text-align: center;
 
            width: 500px;
 
            height: 40px;
 
        }
 
        th p {
 
            /* formats text inside table of navigational elements */
 
            /* makes cursor emulate a link to show it's clickable */
 
           
 
            font-weight: 400;
 
            cursor: pointer;
 
            margin: 0 0 0 0;
 
        }
 
        #table-selector1 th p {
 
            font-size: 24pt;
 
            font-family: 'Raleway', sans-serif;
 
            padding: 5px 0px 15px 0px;
 
        }
 
        #table-selector2 th p {
 
            font-size: 12pt;
 
            padding: 5px 0px 5px 0px;
 
        }
 
        th p:hover {
 
            /* makes links bold when hovered to show it is a link */
 
           
 
            font-weight: 800;
 
        }
 
        #table-selector1,
 
        #table-selector2 {
 
            width: 1028px;
 
            margin-left: auto;
 
            margin-right: auto;
 
            /* makes a single border between two cells rather than two */
 
           
 
            border-collapse: collapse;
 
        }
 
        #div-lowertable {
 
            margin-top: -31px;
 
            min-height: 500px;
 
            margin-bottom: 30px;
 
        }
 
        .profiles {
 
            display: none;
 
            width: 1175px;
 
            margin-top: 50px;
 
            margin-right: auto;
 
            margin-left: auto;
 
        }
 
        #Info {
 
            margin-top: 100px;
 
            margin-left: auto;
 
            margin-right: auto;
 
            margin-bottom: 50px;
 
            width: 970px;
 
        }
 
        #Info p {
 
            font-size: 15pt;
 
            line-height: 2;
 
        }
 
        #Info p,
 
        #table-selector2 p {
 
            font-family: 'Raleway', sans-serif;
 
            text-align: center;
 
        }
 
        #th-building {
 
            padding-right: 13px;
 
        }
 
        /* Classes */
 
       
 
        .pInfo {
 
            text-align: left;
 
        }
 
        .image {
 
            position: relative;
 
            width: 100%;
 
            /* for IE 6 */
 
        }
 
        /* creates a solid gray border between elements of navigational element */
 
       
 
        .borderRight {
 
            border-right: 2px solid #A8A8A8;
 
            border-bottom: 4px solid #A8A8A8;
 
        }
 
        .borderLeft {
 
            border-left: 2px solid #A8A8A8;
 
            border-bottom: 1px solid #A8A8A8;
 
        }
 
        .borderBoth {
 
            border-left: 2px solid #A8A8A8;
 
            border-right: 2px solid #A8A8A8;
 
            border-bottom: 1px solid #A8A8A8;
 
        }
 
        .description {
 
            margin-top: 200px;
 
            min-width: 970px;
 
        }
 
        .border {
 
            border-bottom: 1px black;
 
        }
 
        .margin {
 
            min-width: 1180px;
 
            padding-left: 5px
 
        }
 
.div-content img {
 
            width: 457px;
 
            height: 305px;
 
        }
 
.div-content p {
 
font-family: Raleway;
 
            margin-left: 40px;
 
            max-width: 500px;
 
            font-size: 12pt;
 
            font-weight: 400;
 
            text-align: left;
 
        }
 
 
         </style>
 
         </style>
 
<nav>
 
<nav>
Line 732: Line 544:
 
</p>
 
</p>
 
</div>
 
</div>
<div class="margin">
+
<div id="div-activities">
        <table id="table-selector1">
+
            <thead>
+
                <th class="borderRight navigator" id="th-building" data-select="building">
+
                    <p>Building with Biology Activities</p>
+
                </th>
+
                <th class="borderLeft navigator" id="th-ours" data-select="ours">
+
                    <p>Our Activities</p>
+
                </th>
+
            </thead>
+
        </table>
+
    </div>
+
    <div id="div-lowertable">
+
        <div id="div-building">
+
            <div class="margin">
+
                <table id="table-selector2">
+
                    <thead>
+
                        <th class="borderRight belowNav" id="th-super" data-select="super">
+
                            <p>Super Organisms!</p>
+
                        </th>
+
                        <th class="borderBoth belowNav" id="th-parts" data-select="parts">
+
                            <p>Kit of Parts</p>
+
                        </th>
+
                        <th class="borderBoth belowNav" id="th-bistro" data-select="bistro">
+
                            <p>Bio Bistro</p>
+
                        </th>
+
                        <th class="borderLeft belowNav" id="th-tech" data-select="tech">
+
                            <p>Tech Tokens</p>
+
                        </th>
+
                    </thead>
+
                </table>
+
            </div>
+
            <div class="div-content">
+
 
                 <div id="div-super" class="profiles center clearfix float-my-children" style="display:block">
 
                 <div id="div-super" class="profiles center clearfix float-my-children" style="display:block">
 
                     <img src="https://static.igem.org/mediawiki/2016/1/10/T--UMaryland--superorganisms.jpg" id="img-super" /img>
 
                     <img src="https://static.igem.org/mediawiki/2016/1/10/T--UMaryland--superorganisms.jpg" id="img-super" /img>
 
                     <div>
 
                     <div>
 +
<p>Super Organism!</p>
 
                         <p>At this station, visitors were introduced to two catastrophic situations that they needed to solve using their imaginations: 1) Their friend fell off of a skyscraper, and 2) Their friend caused a massive oil spill in the ocean. To tackle the first problem, kids designed a superhero that could shoot spiderwebs or fly to ultimately catch their friend. For the second problem, kids designed a super bacteria that could clean the ocean by detecting, degrading, or digesting oil. This activity served as a introduction of the possibilites of synthetic biology and genetic engineering.
 
                         <p>At this station, visitors were introduced to two catastrophic situations that they needed to solve using their imaginations: 1) Their friend fell off of a skyscraper, and 2) Their friend caused a massive oil spill in the ocean. To tackle the first problem, kids designed a superhero that could shoot spiderwebs or fly to ultimately catch their friend. For the second problem, kids designed a super bacteria that could clean the ocean by detecting, degrading, or digesting oil. This activity served as a introduction of the possibilites of synthetic biology and genetic engineering.
 
                         </p>
 
                         </p>
Line 775: Line 556:
 
                     <img src="https://static.igem.org/mediawiki/2016/1/1f/T--UMaryland--kitofparts.jpg" id="img-parts" /img>
 
                     <img src="https://static.igem.org/mediawiki/2016/1/1f/T--UMaryland--kitofparts.jpg" id="img-parts" /img>
 
                     <div>
 
                     <div>
 +
<p>Kit of Parts</p>
 
                         <p> Visitors would learn about the concept of BioBricks and versatility of engineering cells to solve global issues. They used a cell model made of wooden poles and color-coded parts that fit on the poles. Each color had a different function like red for production and blue for sensing. A visitor would pick a challenge card with an area of research on it ranging from making synthetic blood to treating malaria. Then she would make a cell that would solve the problem using a solution description on the back of the card. </p>
 
                         <p> Visitors would learn about the concept of BioBricks and versatility of engineering cells to solve global issues. They used a cell model made of wooden poles and color-coded parts that fit on the poles. Each color had a different function like red for production and blue for sensing. A visitor would pick a challenge card with an area of research on it ranging from making synthetic blood to treating malaria. Then she would make a cell that would solve the problem using a solution description on the back of the card. </p>
 
                     </div>
 
                     </div>
Line 781: Line 563:
 
                     <img src="https://static.igem.org/mediawiki/2016/d/d2/T--UMaryland--biobistro.jpg" id="img-bistro" /img>
 
                     <img src="https://static.igem.org/mediawiki/2016/d/d2/T--UMaryland--biobistro.jpg" id="img-bistro" /img>
 
                     <div>
 
                     <div>
 +
<p>Bio Bistro</;p>
 
                         <p>Eat it? Think about it? No way? Visitors were introduced to a variety of engineered foods, both currently available and in development, and asked their opinion on consuming the goods. Items included vanilla flavoring, caffeine, and milk synthesized by yeast, a food pill that provided all daily nutrients, golden rice, and meat created in a lab. Participants were also introduced to different ways we have modified agriculture like selective breeding, genetic engineering, and synthetic biology.</p>
 
                         <p>Eat it? Think about it? No way? Visitors were introduced to a variety of engineered foods, both currently available and in development, and asked their opinion on consuming the goods. Items included vanilla flavoring, caffeine, and milk synthesized by yeast, a food pill that provided all daily nutrients, golden rice, and meat created in a lab. Participants were also introduced to different ways we have modified agriculture like selective breeding, genetic engineering, and synthetic biology.</p>
 
                     </div>
 
                     </div>
Line 787: Line 570:
 
                     <img src="https://static.igem.org/mediawiki/2016/8/88/T--UMaryland--techtokens.jpg" id="img-tech" /img>
 
                     <img src="https://static.igem.org/mediawiki/2016/8/88/T--UMaryland--techtokens.jpg" id="img-tech" /img>
 
                     <div>
 
                     <div>
 +
<p>Tech Tokens</p>
 
                         <p> Visitors would be introduced to a wide range of applications for synthetic biology to start a conversation among the visitors on the level of importance of each application. Each visitor at the table was given a stack of colored coins to represent their opinion. They would place all their coins on the application(s) most important to them and then we would all discuss their choices and reasoning. An additional activity was to give each person at the table a character card with occupations ranging from president of the U.S. to Canadian college student. They would repeat the process of placing coins, but this time in the mindset of the occupation they were given. </p>
 
                         <p> Visitors would be introduced to a wide range of applications for synthetic biology to start a conversation among the visitors on the level of importance of each application. Each visitor at the table was given a stack of colored coins to represent their opinion. They would place all their coins on the application(s) most important to them and then we would all discuss their choices and reasoning. An additional activity was to give each person at the table a character card with occupations ranging from president of the U.S. to Canadian college student. They would repeat the process of placing coins, but this time in the mindset of the occupation they were given. </p>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
            </div>
 
        </div>
 
        <div id="div-ours" style="display: none">
 
            <div class="margin">
 
                <table id="table-selector2">
 
                    <thead>
 
                        <th class="borderRight belowNav" id="th-bacteria" data-select="bacteria">
 
                            <p>Build Your Own Bacteria</p>
 
                        </th>
 
                        <th class="borderBoth belowNav" id="th-broth" data-select="broth">
 
                            <p>Make Your Own LB Broth</p>
 
                        </th>
 
                        <th class="borderLeft belowNav" id="th-color" data-select="color">
 
                            <p>Colorful Creations</p>
 
                        </th>
 
                    </thead>
 
                </table>
 
            </div>
 
            <div class="div-content">
 
 
                 <div id="div-bacteria" class="profiles center clearfix float-my-children">
 
                 <div id="div-bacteria" class="profiles center clearfix float-my-children">
 
                     <img src="https://static.igem.org/mediawiki/2016/8/8b/T--UMaryland--buildyourownbacteria.jpg" id="img-super" /img>
 
                     <img src="https://static.igem.org/mediawiki/2016/8/8b/T--UMaryland--buildyourownbacteria.jpg" id="img-super" /img>
 
                     <div>
 
                     <div>
 +
<p>Build Your Own Bacteria</p>
 
                         <p>This station combines science, art and play to present an analogy for synthetic biology. First, participants used legos to build their own plasmid, mixing and matching different parts. Different legos were used as an analogy for BioBricks, and contained pieces such as promoters and terminators. Visitors were able to pick what physical characteristics they wanted their bacteria to have, such as body color and number of legs, by picking the appropriate lego BioBricks. Then, participants were able to draw the bacteria they just built on our worksheet. </p>
 
                         <p>This station combines science, art and play to present an analogy for synthetic biology. First, participants used legos to build their own plasmid, mixing and matching different parts. Different legos were used as an analogy for BioBricks, and contained pieces such as promoters and terminators. Visitors were able to pick what physical characteristics they wanted their bacteria to have, such as body color and number of legs, by picking the appropriate lego BioBricks. Then, participants were able to draw the bacteria they just built on our worksheet. </p>
 
                     </div>
 
                     </div>
Line 818: Line 584:
 
                     <img src="https://static.igem.org/mediawiki/2016/d/d9/T--UMaryland--broth.jpg" id="img-super" /img>
 
                     <img src="https://static.igem.org/mediawiki/2016/d/d9/T--UMaryland--broth.jpg" id="img-super" /img>
 
                     <div>
 
                     <div>
 +
<p>Make Your Own LB Broth</p>
 
                         <p>How do scientists feed their bacteria? Visitors learned about LB broth and were able to make their own “imitation LB broth” by mixing lemonade powder and water. To make their mixture, participants weighed out the proper amount of powder using a scale and measured out the correct amount of water using beakers.</p>
 
                         <p>How do scientists feed their bacteria? Visitors learned about LB broth and were able to make their own “imitation LB broth” by mixing lemonade powder and water. To make their mixture, participants weighed out the proper amount of powder using a scale and measured out the correct amount of water using beakers.</p>
 
                     </div>
 
                     </div>
Line 824: Line 591:
 
                     <img src="https://static.igem.org/mediawiki/2016/3/3a/T--UMaryland--pipette.jpg" id="img-super" /img>
 
                     <img src="https://static.igem.org/mediawiki/2016/3/3a/T--UMaryland--pipette.jpg" id="img-super" /img>
 
                     <div>
 
                     <div>
 +
<p>Colorful Creations</p>
 
                         <p>Science is an art! Participants were able to try pipetting food coloring into test tubes with water, and then mix different shades to make their own colorful creations.</p>
 
                         <p>Science is an art! Participants were able to try pipetting food coloring into test tubes with water, and then mix different shades to make their own colorful creations.</p>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
            </div>
 
 
         </div>
 
         </div>
    </div>
 
 
<div class="scrollContainer">
 
<div class="scrollContainer">
 
<div data-parallax="scroll" data-image-src="https://static.igem.org/mediawiki/2016/1/10/T--UMaryland--highschool.jpeg" class="div-scrollPic">
 
<div data-parallax="scroll" data-image-src="https://static.igem.org/mediawiki/2016/1/10/T--UMaryland--highschool.jpeg" class="div-scrollPic">
Line 960: Line 726:
 
             appendDots: $("#div-dots"),
 
             appendDots: $("#div-dots"),
 
             infinite: false
 
             infinite: false
 +
 +
        });
 +
 +
$('#div-activities').slick({
 +
            slidesToShow: 1,
 +
            slidesToScroll: 1,
 +
            dots: true
  
 
         });
 
         });

Revision as of 00:17, 10 October 2016

</div> </div> Human Practices

Engagement
Furthering the dialogue with the public about synthetic biology
Building with Biology: Port Discovery
July 30th, 2016

We volunteered at the Building with Biology Event held at Port Discovery in Baltimore, MD to raise awareness about synthetic biology among children 8 and up. We manned six tables with different activities involving synthetic biology, which are described in more depth below.

Super Organism!

At this station, visitors were introduced to two catastrophic situations that they needed to solve using their imaginations: 1) Their friend fell off of a skyscraper, and 2) Their friend caused a massive oil spill in the ocean. To tackle the first problem, kids designed a superhero that could shoot spiderwebs or fly to ultimately catch their friend. For the second problem, kids designed a super bacteria that could clean the ocean by detecting, degrading, or digesting oil. This activity served as a introduction of the possibilites of synthetic biology and genetic engineering.

Kit of Parts

Visitors would learn about the concept of BioBricks and versatility of engineering cells to solve global issues. They used a cell model made of wooden poles and color-coded parts that fit on the poles. Each color had a different function like red for production and blue for sensing. A visitor would pick a challenge card with an area of research on it ranging from making synthetic blood to treating malaria. Then she would make a cell that would solve the problem using a solution description on the back of the card.

Bio Bistro

Eat it? Think about it? No way? Visitors were introduced to a variety of engineered foods, both currently available and in development, and asked their opinion on consuming the goods. Items included vanilla flavoring, caffeine, and milk synthesized by yeast, a food pill that provided all daily nutrients, golden rice, and meat created in a lab. Participants were also introduced to different ways we have modified agriculture like selective breeding, genetic engineering, and synthetic biology.

Tech Tokens

Visitors would be introduced to a wide range of applications for synthetic biology to start a conversation among the visitors on the level of importance of each application. Each visitor at the table was given a stack of colored coins to represent their opinion. They would place all their coins on the application(s) most important to them and then we would all discuss their choices and reasoning. An additional activity was to give each person at the table a character card with occupations ranging from president of the U.S. to Canadian college student. They would repeat the process of placing coins, but this time in the mindset of the occupation they were given.

Build Your Own Bacteria

This station combines science, art and play to present an analogy for synthetic biology. First, participants used legos to build their own plasmid, mixing and matching different parts. Different legos were used as an analogy for BioBricks, and contained pieces such as promoters and terminators. Visitors were able to pick what physical characteristics they wanted their bacteria to have, such as body color and number of legs, by picking the appropriate lego BioBricks. Then, participants were able to draw the bacteria they just built on our worksheet.

Make Your Own LB Broth

How do scientists feed their bacteria? Visitors learned about LB broth and were able to make their own “imitation LB broth” by mixing lemonade powder and water. To make their mixture, participants weighed out the proper amount of powder using a scale and measured out the correct amount of water using beakers.

Colorful Creations

Science is an art! Participants were able to try pipetting food coloring into test tubes with water, and then mix different shades to make their own colorful creations.

River Hill High School
June 6th, 2016

UMaryland iGEM visited two AP Biology classes at River Hill High School located in Howard County to present and discuss a variety of synthetic biology topics. We explained what synthetic biology is, how it works, applications of genetic engineering, benefits / misconceptions of GMOs, and what iGEM is.

The students thought that synthetic biology was an interesting concept, and we even answered a few questions about starting a high school iGEM team. We learned that synthetic biology is not covered in traditional high school classes, so we have to go more in-depth when explaining it. Students in AP Biology already have an understanding of basic genetics, but it was helpful to go over the material again when introducing new content.

Download the Powerpoint in PDF format

In the future, we would want to have more interactive parts in our presentation when we would ask the students questions and have discussions during the powerpoint, rather than saving all their questions until the end. A good idea we would like to try to encourage more productive discussion is to split students up into small groups and have them discuss their views of GMOs and the applications that they know, and then share with the class. This would ensure more student participation and help us understand what they already know and any misconceptions they might have.

STEM Fair
September 24th, 2016

UMaryland iGEM was invited to the STEM Fair hosted by the UMD Engineers Without Borders at the Kim Engineering building on campus. We talked about synthetic biology and iGEM to members of campus and held the micropipette activity. At the fair was also other engineering and computer science clubs which opened up dialogue for further collaboration.